您当前的位置:首页 > 网站优化 > 网站关键词优化

【山西seo培训】网站优化初学者指南

2018-03-21 19:37:36 来源: seofuwu 作者: 满山红seo培训
  
  
摘要: 【山西seo培训】网站优化初学者指南
我是一个初学者,曾经在谷歌的优化排名上收获 99/100 的成绩。如果我能做到,相信你也可以。如果你像我一样喜欢论证,下面便是我的 hasslefr

 【山西seo培训】网站优化初学者指南

山西seo

我是一个初学者,曾经在谷歌的优化排名上收获 99/100 的成绩。如果我能做到,相信你也可以。

如果你像我一样喜欢论证,下面便是我的 hasslefreebeats 在 Google 的 PageSpeed Insights 上的结果,这个网站是我目前在维护,并且最近有花一些时间在优化。

山西seo

对于这些结果我感到非常自豪,但是我想强调的是就在几周之前我对如何优化一个网站还一无所知。今天我想和大家分享的是如何优化 Google 搜索和排除搜索故障,希望能为你省心。

文章对于每一种优化进行了拆分,以便你可以跳读。

我绝不是什么专家,但是我相信如果你按下面的技术尝试,你将会看到结果。

图片

山西seo

作为一个网页开发的新人,我并没有花太多心思在图片上。我知道在网站上加入高质量的图片会使得它看上去更加专业,但是我一直在考虑它们对于网页加载时间的影响。

为了优化,我做的主要事情就是压缩这些图片。

回想一下,这本应该是从一开始就应当去做的,然而我并没有,也许你也没有注意到。

我曾经用来压缩图片的服务是 Optimizilla ,一个方便使用的网站,可以上传你的图片,选择你想要压缩的级别,并将压缩后的图片下载下来。我发现有些资源的大小可以减少到 70% 以上,这离更快的加载时间的目标近了很多。

Optimizilla 不是你压缩图片的唯一选择。你可以用一些独立的、开源的软件,比如 Mac 可以用 ImageOptim ,Windows 可以用 FileOptimizer 。如果你更喜欢使用构建工具来压缩,有 Gulp 和 WebPack 来帮助你。无论你采用哪种方式,只要你做了,即便是小小的努力也会获得性能上的收获。

根据个人使用情况,还有必要查看一下图片文件的格式。通常讲,jpg 格式的要比 png 小。选择哪一种格式的区别在于是否需要透明图片:如果需要透明,使用 png 格式,反之使用 jpg 。点击这里,你可以更加深入地了解二者的优点和缺点。

同样,Google 推出的 webp 格式也挺不错,但因为还没有被所有浏览器支持,所以我很犹豫是否要使用它。留意未来的进一步支持!

上面所展示的,仅仅是压缩图片,如果你想要在图片上做进一步优化,这里有一篇很好的文章。

视频

山西seo

我在目前的项目中还没有使用到视频,所以我将只是简要地谈一谈,因为我不觉得自己在这方面有最好的方法。

视频是我可能让前端下重功夫优化的部分。Vimeo 提供了一个很棒的平台来支持视频,可以降低视频质量,从而降低连接速度并压缩视频以优化性能。

你也可以将你的视频放在 Youtube 上面,然后使用 youtube-dl 工具从 Youtube 上面下载,同时配置视频满足你的网站所需。

至于其他可能的解决方法,请参考 Brightcove、Sprout 或 Wistia 。

Gzip 压缩

山西seo

在我刚刚开始部署我的网站时我对于 Gzip 压缩是什么一无所知。

长话短说,Gzip 是一种多数浏览器可理解、并且在不需要用户知道的情况下可以在后台运行的文件压缩格式。

如果你想要你的服务器在文件发送出去时对文件进行压缩,Gzip 压缩可能会像是拨动配置开关一样十分简便的实现你的需求,而这取决于你将你的应用托管在何处。在我的网站里,我将我的网站托管到 Heroku 上,就不支持这一选项。

事实证明,有不少包可以明显增加你服务器代码的压缩程度,这使得你可以通过寥寥数行代码来获得 Gzip 压缩所带来的便利。通过使用这些压缩中间件,我将我网站中的 Javascript 和 CSS 捆绑包大小减少了 75% 。

检测你的托管服务器是否提供 Gzip 压缩选项是很值得的一个步骤。如果你的服务器不支持,查找一下如何将 Gzip 加入到你的服务器端代码之中吧。

缩减

山西seo

缩减是在不影响代码功能性前提下移除代码中不必要字符(如空格,换行回车符等)的过程。这可以使你通过网络来传输的文件的大小得以缩减。这一手段也可以有效地使你的代码模糊化,让网站攻击者更难以找到你代码中的安全薄弱点。

现如今,缩减通常作为代码生成环节中的一部分,通过 Webpack 或者 Gulp 及其他类似工具来进行。这些构建工具会有一些学习曲线,所以如果你想要使用一些更易掌握的工具,谷歌推荐开发者使用为 HTML 开发的 HTML-Minifier 工具,为 CSS 开发的 CSSNano 工具和为 Javascript 开发的 UglifyJS 工具。

浏览器缓存

山西seo

将静态文件存储在浏览器的缓存中是提高网站访问速度的一种非常有效的方式,尤其是在来自同一客户端的回访时。直到 Google 浏览器告诉我,我的一些资源没有被正确缓存,因为我从服务器发送的 HTTP 响应中缺少标题。

我的主页一旦被加载,就会向我的服务器发出一个请求,以获取关于一些歌曲的数据,然后这些歌曲将在音乐播放器中呈现。我不会经常更新本网站上的歌曲,所以我不介意用户是否访问我的网站,如果能让我的页面加载速度更快,我也不介意他们在访问时看到和上次相同的歌曲。

为了获得性能提升,我将下面的代码添加到了我的服务器的响应对象( Express / Node 服务器)中:

res.append("Cache-Control", "max-age=604800000");res.status(200).json(response);

我在这里写的只是在我的响应中添加一个缓存控制标题,该标题表示在一周后(以毫秒为单位),资源应该重新下载。如果想要更频繁地更新这些文件,缩短缓存最大时间(max-age)可能是个好主意。

内容分发网络

山西seo

内容分发网络(即 CDN )是允许来自世界各地的用户在地理位置上就近访问你的内容的网络。 如果用户必须从日本加载大图像,但服务器在美国,则这需要比在东京访问花费更长的服务器响应时间。

CDN 允许你充分利用遍布世界各地的一系列代理服务器,无论你的最终用户位于何处,都可以更快速地加载你的内容。

我想说明的是,在实现 CDN 之前,我已经能够实现上述结果 - 在此,我只是想提一下 CDN 。因为如果不提及它们,就好像这篇关于网站优化的文章是不完整的。 如果你打算拥有全球的用户,那么让你的网站上有一些创新好点子是必不可少的。

一些流行的 CDN 包括 CloudFront 和 CloudFlare 。

其他

这里有更多能让你有所收获的技巧:

通过优先加载“首页”内容来优化你的网站,以提高网站的可感知的性能。一种常见的做法是通过lazy-loading(延迟加载)那些未在着登录页上显示的图片。

除非你的应用程序依赖于 Javascript 来渲染 HTML ,例如使用 Angular 或 React 构建的网站,否则将脚本标记加载到 HTML 文件正文部分的底部可能是很安全的。这可能会影响你的互动时间(time-to-interactive),毕竟,这不是我推荐的适用于所有场景的技巧。

结论

这些只是如何优化你的网站的冰山一角。根据网站的流量和提供的服务,你可能会在许多不同的地方出现性能瓶颈。也许你需要更多的服务器,也许你的服务器需要更大的内存,也许你的三重嵌套循环可以重构 - 视情况而定。

在加速网站时,没有一成不变的做法,你需要根据测试结果针对自身情况做出最佳决策。不要浪费时间来优化不需要优化的东西。分析网站的性能以找出瓶颈,然后专门针对这些瓶颈进行优化。

我希望你在本文中有看到一些有用的东西!正如我所提到的,我仍然需要在这个领域中学习更多东西。如果你有其他意见或建议,欢迎评论!

本文由满山红SEO培训编辑收集于网络不代表本站观点,如果您还想了解更多关于网站seo优化与SEO培训视频教程的文章,请点击查看seo培训seo顾问服务的其它文章,请关注满山红seo快速排名优化平台(www.seofuwu.com).

上一篇:抚州seo:网站页面标题关键词怎么做优化
下一篇:返回列表
热门推荐
晋江网站建设
桂林seo:合格的SEOer,应具备哪些能力
SEO培训学习方式是否正确,决定SEO技术水平高低
乐陵seo:观百度需求,思SEO优化方向
seo技术培训教程:Google搜索引擎中的安全漏洞 通过开放重定向窃取其他站点的权重
百度seo排名培训:企业产品网站三个月关键词排名上百度首页排名策略
seo实战培训王乃用:内容营销来提升长尾词SEO优化排名技巧
速贝seo实战培训:搜索引擎算法不断升级 未来seo该怎么做
SEO优化培训:3大核心,8大步骤操作兵法,让您彻底读懂SEO
苏州seo培训:互联网哲学问题-下划线、SEO 和算法竞赛