Pagespeed见解报告分析

Question

我正在使用页面速度方面的见解，需要一些帮助以正确理解此工具的报告。

我想清楚地知道这份报告告诉我有关绩效方面的这项工作的内容 。

这是该报告显示的性能得分较低的报告。

这是表现出更好性能得分的报告。

这是根据grunt-pagespeed报告的样子：

对于这些情况，我看不到相同的报告结果。 您可以从上面的示例中看到，它以文件的优化/缩小百分比显示值，但是在我的情况下，我看到诸如236,7表示优化图像或0.65表示css缩小。

虽然我只是通过查看css / html / javascript / css以及调用服务器，gzip，图像等资源的数量来改善我的页面，但我仍然不清楚如何理解该报告的价值。

Answer 1

我建议您使用Google Pagespeed Insights和webpagetest.org ，以便轻松查看最值得关注的内容。 首先，这些实用程序将非常轻松地确定您的网站正在发生什么。

这是瀑布图。 这样可以使您更好地了解如何在页面上处理和加载资源，以及哪些资源占用的时间最长。

Answer 2

在进行了一些研究之后，我看到了这个链接，实际上可以帮助我了解报告值的工作方式。

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.0倍

我为此写了一篇文章： http : //jotaoncode.com/blog/news/2015/11/09/page-speed-insights/

其他性能检查资源包括：

http://tools.pingdom.com/fpt/#!/cDKSlP/jotaoncode.com

http://www.webpagetest.org/

而且，如果您想查看您的网站费用是多少：)

https://whatdoesmysitecost.com/