PageSpeed Insights工具的使用指南

2024-07-30 467 0

PageSpeed Insights 简介

PageSpeed Insights (PSI) 可报告网页在移动设备和桌面设备上的用户体验,并提供关于如何改进网页的建议。

PSI 可提供网页的实验室数据和现场数据。实验室数据对于调试问题非常有用,因为这些数据是在受控环境中收集的。但是,这种方法可能无法捕获到实际瓶颈。实测数据有助于捕获真实、真实的用户体验,但指标集则较为有限。如需详细了解这两种数据类型,请参阅如何看待速度工具

真实用户体验数据

PSI 中的真实用户体验数据由 Chrome 用户体验报告 (CrUX) 数据集提供支持。PSI 会报告真实用户在上一个 28 天收集期内的 First Contentful Paint (FCP)、First Input Delay (FID)、Largest Contentful Paint (LCP)、Cumulative Layout Shift (CLS) 和 Interaction to Next Paint (INP) 体验。PSI 还报告了实验性指标首字节时间 (TTFB) 的体验。

为了显示给定网页的用户体验数据,该网页必须有足够的数据才能添加到 CrUX 数据集中。如果网页是最近发布的,或者来自真实用户的样本过少,则可能是数据不足。如果发生这种情况,PSI 将回退到源级粒度,涵盖网站所有网页上的所有用户体验。有时,源站可能也没有足够的数据,在这种情况下,PSI 将无法显示任何实际用户体验数据。

评估体验质量

PSI 将用户体验质量分为三类:良好、需要改进或较差。PSI 根据网页指标计划设置了以下阈值:

不错需要改进
FCP[0,1800 毫秒](1800 毫秒、3000 毫秒]超过 3000 毫秒
FID[0,100 毫秒](100 毫秒、300 毫秒]超过 300 毫秒
LCP[0, 2500 毫秒](2500 毫秒、4000 毫秒]超过 4000 毫秒
CLS[0, 0.1](0.1, 0.25]高于 0.25
INP[0, 200 毫秒](200 毫秒、500 毫秒]超过 500 毫秒
TTFB(实验性)[0, 800 毫秒](800 毫秒、1800 毫秒]超过 1800 毫秒

分布和所选指标值

PSI 会呈现这些指标的分布情况,以便开发者了解相应网页或来源的体验范围。此分布分为三类:良好、需要改进和较差,分别用绿色条、琥珀色和红色条表示。例如,在 LCP 的琥珀色条内看到 11% 表示观察到的所有 LCP 值中有 11% 介于 2500 毫秒到 4000 毫秒之间。

在分布条上方,PSI 报告所有指标的第 75 百分位。为便于开发者了解其网站上最令人沮丧的用户体验,选择第 75 百分位。通过应用上述相同阈值,这些字段指标值被归类为良好/需要改进/欠佳。

核心网页指标

核心网页指标是一组常见的性能信号,对所有 Web 体验都至关重要。核心网页指标包括 FID、LCP 和 CLS,这些指标可能会在网页一级或来源一级汇总。对于这三个指标中数据都充足的汇总,如果这三个指标的第 75 个百分位数为“良好”,则汇总将通过核心网页指标的评估。否则,该汇总不会通过评估。如果聚合的 FID 数据不足,则如果 LCP 和 CLS 的第 75 个百分位均良好,则该聚合将通过评估。如果 LCP 或 CLS 数据不足,则无法评估网页或源级汇总。

PSI 和 CrUX 中的现场数据之间的差异

PSI 中的字段数据与 BigQuery 上的 CrUX 数据集之间的区别在于,PSI 的数据每天更新一次,而 BigQuery 数据集每月更新一次,并且仅限于源级数据。 两个数据源都代表过去 28 天的时间段。

实验室诊断

PSI 使用 Lighthouse 在模拟环境中针对性能、无障碍功能、最佳实践和 SEO 类别分析给定网址。

得分

此部分顶部是每个类别的分数,由运行 Lighthouse 以收集和分析有关页面的诊断信息来确定。90 或更高的分数才算良好。50 到 89 表示得分有待改进,低于 50 表示糟糕。

指标

“性能”类别还包含网页在不同指标方面的性能,这些指标包括:First Contentful PaintLargest Contentful Paint速度指数Cumulative Layout Shift可交互时间Total Blocking Time

系统会为每个指标评分,并用图标标记:

  • 绿色圆圈表示“良好”
  • “需要改进”字样带有琥珀色信息方块
  • 欠佳时会显示红色三角形警告
这篇文章对你有帮助吗?
[评价次数: 0 满意度: 0]

相关文章

网站url的优化小技巧,创建 SEO 友好的网址
ai聊天的实用技巧
30 种方法教你提升WordPress 网站加载速度
谷歌 SEO 排名因素汇总
gtranslate更改图标
2024年10月Google SEO新闻汇总与点评

发布评论