Pagespeed洞察报告分析

Question

我工作的网页速度洞察力，我需要一些帮助，以正确理解这一工具的报告。

我想清楚地知道报告告诉我在性能问题上的工作是什么，。

这是一份报告，显示了低绩效分数的报告。

​

​

这份报告显示了更好的成绩。

​

​

这是根据“咕哝”一页，一份报告的样子是什么样子的：

​

​

我看不出这些案件的报告结果是一样的。从上面的示例中可以看到，它以文件优化/最小化的百分比显示值，但在我的示例中，我看到的值为236,7，用于优化图像，0.65用于css小型化。

我不清楚如何理解这个报告的值，虽然我只是通过查看css / html / javascript / css和调用到服务器、gzip、图像等的资源数量来改进我的页面.

Answer 1

我建议使用谷歌Pagespeed和webpagetest.org，以便更容易地看到哪些内容值得关注。这些实用程序在确定您的站点最初发生了什么方面要简单得多。

--这是一个瀑布图。--它让您更好地了解资源是如何处理和加载到页面上的，以及哪些资源花费的时间最长。

​

​

Answer 2

在做了一些研究之后，我看到了这些链接，这些链接实际上帮助我理解了报表值是如何工作的。

刚开始

它实际上解释说，这份报告的结果可以是关于使用该工具的每一项规则的影响百分比或影响值：

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

http://www.webpagetest.org/

如果你想看看你的网站花费了多少:)

https://whatdoesmysitecost.com/