为什么不应该太在意 Google PageSpeed Insights 的结果
这篇文章表达了一个很有趣的观点:作为 website owner(可以理解为网站所有者或者设计者),你不应该太在意 Google PageSpeed Insights 的结果。很多 web owner 在建立网站时清晰的知道网站必须得快。所以他们经常会纠结于如何使 WordPress 更快或者安装许多插件来实现这个目的。通过 Google PageSpeed Insights,他们得到了一个网页速度等级和一串对网站的修改建议,然后经过一番修改他们会希望这次的 PageSpeed 等级会提高一点。
然而,作者认为最简单的真相就是:
“你的 Google PageSpeed 分数并不重要。”
速度的需求 — 墨尔本Melmel网站设计制作|网页制作设计|网站开发 – Google PageSpeed Insights [5]
速度——网站加载时间——是你的网站最有力的度量指标。这对于用户体验和 SEO(Search Engine
Optimization,搜索引擎优化)是最重要的。然而你是否知道,其实 Google PageSpeed 实际上并不测量你网页的速度。Google PageSpeed 实际上并不测量你网站的速度。 Google PageSpeed 实际上并不测量你网站的速度。(重要事情说三遍)
我们一般使用 Pingdom 工具来测量实际的网站加载速度: 如何测量你的网页速度?
在作者看来,Google PageSpeed 实际上就好像我们上学时候的考试。考试成绩好就代表学生更聪明吗?不然。考试成绩只证明了你知道怎在考试中做好。很多聪明的人不一定在考试时就发挥得很好。考试成绩不是衡量个人之力的指标,就如同 Google PageSpeed 等级不是网站速度的指标。这里有三个具有相近加载时长的网站但有着完全不同的 PageSpeed 分数:
网站名称
加载时长/ms 462 596 495
Google PageSpeed 91 58 77
三个网站的加载时长区间为 464ms-596ms,但 Google PageSpeed 分数是 58-91。还有一个名为 Clnet-solution.my 的网站,加载时间为 3.16s(比上面三个网站都慢)但是 Google PageSpeed 是 85 分。这就显然易见了,Google PageSpeed 不是衡量网站快慢的指标。
追逐成绩是浪费时间的没有一个网站可以拿到完美的成绩,事实上这是不可能实现的,如果这无关速度,为什么还要纠结呢?
为了得到一个完美的成绩而去完成所有 Google PageSpeed 给出的所有建议,这会让你很快失去理智。因为 Google PageSpeed 的建议有时候是不太可能实现的,比如它会让你缩小或者增加一个标题到一个文件里,关键是那个文件不是在你网站上的… 就好像下面这个例子,可能只有 Facebook 或者 Google 自己才能对这些文件增加缓存了。
如果你的网站使用 CDN,那么 PageSpeed 可能会给你一个低分,但在多数情况下 CDN 是可以给你的国际访客实现更快的速度的。又或者是让你压缩一张图片而节省 1kb,但这根本不应该纠结啊。移除阻止呈现的 JavaScript 和 CSS一个比较常见的 PageSpeed 像“Eliminate render-blocking JavaScript and CSS in above-the-fold content” (消除折叠内容里的阻止呈现的 Javascript 和 CSS?)
然后它给出建议的两个部分: — 墨尔本Melmel网站设计制作|网页制作设计|网站开发 – Google PageSpeed Insights [5]
1. 移除阻止呈现的 JavaScript
JavaScript 在网站页脚或异步加载能实现最好的效果,因为这样就不用阻碍网站其他内容的加载使网站变慢。但是 Google 没有考虑到的是,有时候你不能把所有东西都在最后加载,特别是当你不是一个开发者而只是使用了一些现成的 WordPress 主题时。如果你选择了 WP Rocket 里面的缩小 JS 功能,v2.6 版本会自动检测 JS 文件应该是在之前还是之后加载,它会根据开发者怎么排列他们。如果你看到“删除阻止呈现的 Javascript”的提示,表示有些 JS 文件仍然是在之前加载的。但是这有可能是因为网站主题或者是插件的需要。有时候如果你真的把这些文件放到后面加载了,那么网站的功能也有可能会被破坏了。所以,如果想提高 PageSpeed 的分数,你可以试着使用 WP Rocket 里面的高级选项“JS 文件在简化处理中最后加载”然后输入你的 JS 文件原始的 url.或者如果不想简化,只想推迟加载那些文件,那么你可以选择“JS 文件延迟加载”,如果这些操作不破坏你网站的任何功能,那么有可能会使你的 PageSpeed 的分数提高。记得测试你真正的网站速度。
2. 优化 CSS 发送过程
没有关于最后加载 CSS 的选项,因为这样会导致你的网站没有任何风格(这会使网页像崩溃了一样,用户体验也不好)。Google 建议你“优化 CSS 发送过程”(https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery),本质上是希望你将 CSS 分离,直接将内容插入到 HTML 文档中而非主样式表(称为“内嵌”,仅限较小的资源)。所以对于一个不是开发者的用户,重新编写网站主题是很困难的。而且站点之间也有不同,所以这不是一个能够一键解决的方案。如果你是一个开发者或者有相关人员,你可以这样做。但是这不一定会提高页面的加载速度,当然这是会提高你 PageSpeed 的分数,而且看上去这个页面加载比较快(因为页面顶部的元素加载加快了)。这种4小优化或者会对类似 Amazon 公司很重要,因为 10ms 就会影响他们的底线。但是对于大多数小型网站来说,这并不会产生太大影响。
那么 PageSpeed 的好处在哪里?
PageSpeed 是有用的,当你不把它当做你的全部和终点。有时候它可以提醒你网站存在的问题和解决方法。例如它会提醒你你的内容没有被压缩(?Gziped)或者有大量图片可以压缩。所以 PageSpeed 的主要功能在于为你的网站建设提供一些很有用的建议,但是要记
住你的目的是提高网站的速度而不是提高你 PageSpeed 的成绩。
PageSpeed 使用指南: — 墨尔本Melmel网站设计制作|网页制作设计|网站开发 – Google PageSpeed Insights [5]
– 不要盲目相信 PageSpeed 或者只看它的表面
– 认真研读提供的建议并尽可能实现它们。如果是不现实的建议,那就忽略吧。
– 专注于速度,别太在意追求成绩。
– 使用真正的测速工具(比如 Pingdom)去看看修改网站后的效果
墨尔本Melmel网站设计制作|网页制作设计|网站开发 – Google PageSpeed Insights [5] — 并不重要