我正在处理页面速度洞察，我需要一些帮助才能正确理解此工具的报告。
我想清楚地知道报告告诉我关于这项工作在绩效方面的哪些内容。
这是显示低绩效得分的报告。
这是显示更好性能得分的报告。
这是根据 grunt-pagespeed 报告的样子：
对于这些案例，我看不到相同的报告结果。您可以从上面的示例中看到，它显示了文件优化/缩小百分比的值，但在我的情况下，我看到优化图像的值如 236,7 或 css 缩小的值为 0.65。
我不清楚如何理解这份报告的价值，尽管我只是通过查看 css / html / javascript / css 以及调用服务器、gzip、图像等的资源数量来改进我的页面。 .
【问题讨论】：
标签： javascript html performance performance-testing pagespeed
我推荐Google Pagespeed Insights 和webpagetest.org，以便轻松查看最值得关注的内容。这些实用程序在确定您的网站发生的情况时会简单得多。
这是一个瀑布图。这可以让您更好地了解资源是如何在您的页面上处理和加载的，以及哪些资源占用的时间最长。
【讨论】：
在做了一些研究之后，我看到了这个链接，它实际上可以帮助我理解报告值是如何工作的。
https://developers.google.com/speed/docs/insights/v1/getting_started
它实际上解释说，此报告的结果可能以百分比或影响值的形式出现，涉及与此工具一起使用的每个规则：
https://developers.google.com/speed/docs/insights/rules
http://addyosmani.com/blog/automating-web-performance-measurement-with-psi-for-node/
所以实际上在第一份报告中我们可以看到：
优化图像的影响高于检查其他任何规则。
我们可以看到的第二份报告：
尝试最小化图像大小或修复渲染块以获得更好的性能几乎相同，两者的值几乎都是 2.0x
我为此写了一篇文章：http://jotaoncode.com/blog/news/2015/11/09/page-speed-insights/
检查性能的其他资源是：
http://tools.pingdom.com/fpt/#!/cDKSlP/jotaoncode.com
如果你想看看你的网站花了多少钱 :)
【讨论】：