另请阅读:
网站的加载速度应该是多少[以及如何提高它]
效率图
根据指标报告,PSI 显示了从用户第一次与浏览器交互开始页面的逐步渲染过程。
欲了解更多详细信息
如何使用 PageSpeed Insights 审核页面并提高其速度
打开的窗口将显示链接到网页的所有降低加载性能的资源。这些资源包括来自 Yandex Metrica、Google Analytics、社交网络等的计数器。
表格显示了已安装脚本的大小和使用份额:
如何使用 PageSpeed Insights 审核页面并提高其速度
诊断
根据获得的结果,PSI 提出了建议。据谷歌称,他们的实施将加快页面加载速度。是否全面实施所有建议或选择最重要的建议取决于您的时间、合格的专家团队以及您网站 CMS 的功能。
诊断块列出了一些问题,如果修复这些问题,将会改善网站的性能。该表显示了有助于加快网站加载过程的操作以及通过实施这些操作可以节省多少费用。如有必要,您可以按照特定指标(FCP、LCP、TBT、CLS)查看审核结果:
如何使用 PageSpeed Insights 审核页面并提高其速度
在我们的示例中,系统建议消除阻塞显示的 特别领导 资源、尽量减少主线程中的工作、减少第三方代码的影响等。
要查看更详细的建议,请展开所选问题对面的列表。例如,我们将揭示该工具关于统计对象有效使用缓存的规则的建议。共发现 4 个资源,其中 PSI 建议减小结构的大小。实施这些建议将使页面在重复访问时加载速度更快。
如何使用 PageSpeed Insights 审核页面并提高其速度
或者这里有一些关于使用现代图像格式的建议。上传 WebP 和 AVIF 格式的图像后,您可以节省 430 KiB。
如何使用 PageSpeed Insights 审核页面并提高其速度
成功的审计
此块包含成功通过的审核的列表。总共有16个。例如,减少了CSS和JavaScript代码的大小,启用了文本压缩等。
如何使用 PageSpeed Insights 审核页面并提高其速度
审核成功的区块也将出现在下列所有部分中。