javascript - Pagespeed 洞察报告分析

Question

我正在研究页面速度洞察，我需要一些帮助才能正确理解此工具的报告。

我想清楚地知道该报告在绩效方面告诉我什么内容。

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

这是显示更好性能得分的报告。

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

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

我不清楚如何理解此报告的值，尽管我只是通过查看 css/html/javascript/css 以及调用服务器、gzip、图像等的资源数量来改进我的页面。 .

Answer 1

我推荐Google Pagespeed Insights和 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.