Pagespeed 洞察报告分析
Pagespeed insights report Analysis
我正在处理页面速度洞察，我需要一些帮助才能正确理解此工具的报告。
我想清楚地知道报告告诉我关于这项工作在绩效方面的哪些内容。
这是显示低性能分数的报告。
这是表现更好的报告。
这是根据 grunt-pagespeed 报告的样子：
我看不到这些案例的相同报告结果。您可以从上面的示例中看到它显示了文件优化/缩小百分比的值，但在我的例子中，我看到优化图像的值为 236,7 或 css 缩小为 0.65。
我不清楚如何理解这份报告的价值，尽管我只是通过查看 css / html / javascript / [ 改进了我的页面=35=] 和调用服务器的资源数量、gzip、图像等...
经过一些研究后，我看到了这个链接，它实际上帮助我了解报告值的工作原理。
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
如果你想看看你的网站花了多少钱:)
我推荐 Google Pagespeed Insights and webpagetest.org 以便轻松查看最值得关注的内容。这些实用程序在最初确定您的网站发生了什么时会简单得多。
This is a waterfall chart. This gives you a better idea of how resources are processed and loaded on your page, and which resources are taking the longest.
我正在处理页面速度洞察，我需要一些帮助才能正确理解此工具的报告。
我想清楚地知道报告告诉我关于这项工作在绩效方面的哪些内容。
这是显示低性能分数的报告。
这是表现更好的报告。
这是根据 grunt-pagespeed 报告的样子：
我看不到这些案例的相同报告结果。您可以从上面的示例中看到它显示了文件优化/缩小百分比的值，但在我的例子中，我看到优化图像的值为 236,7 或 css 缩小为 0.65。
我不清楚如何理解这份报告的价值，尽管我只是通过查看 css / html / javascript / [ 改进了我的页面=35=] 和调用服务器的资源数量、gzip、图像等...
经过一些研究后，我看到了这个链接，它实际上帮助我了解报告值的工作原理。
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
如果你想看看你的网站花了多少钱:)
我推荐 Google Pagespeed Insights and webpagetest.org 以便轻松查看最值得关注的内容。这些实用程序在最初确定您的网站发生了什么时会简单得多。
This is a waterfall chart. This gives you a better idea of how resources are processed and loaded on your page, and which resources are taking the longest.