表格的内容

我猜大多数人都会使用 Lighthouse 或 Google PageSpeed Insights 来评估其网站的性能速度。

看起来绿色很好，不是吗？但是等等，停大约 5 秒钟。 Lighthouse给出的指数真的准确吗？

上面的网站虽然有分数 100 绝对可以，但它只是一个网站，除了一行文字之外没有任何内容或图像。那么为什么人们依赖这个分数来判断它是否影响SEO呢？

我测量的下一个示例显示了 FPTShop 和 Lazada 2 个网站的结果。您认为 1 号网站还是 2 号网站更好？

虽然 FPTShop 的左网性能得分高达 97 分，但 Core Vitals 却 "Failed"。而Lazada只有33分 "Passed" 新的或好的。

简而言之，在我看来，性能得分低并不意味着网站速度慢。但核心生命体点 "Failed" 那么网站肯定有问题。

自从谷歌更新了Core Vitals指数后，测试网站速度的方式也发生了变化。我不确定我的测量方法100%是否准确，但根据个人意见，它给出了相当相对的结果。

第 1 步：下载 Core Vitals 实用程序

参数将出现在 PageSpeed Insights 上，而不是等待流量足够大。我们可以使用 Chrome 应用商店中的一些实用程序来主动检查 Core Vitals 分数。

目前我正在使用这两个实用程序

小提示：启用这两个扩展程序在“隐身模式”下运行的选项。

第 2 步：使用开发者工具 (F12)

开发者工具是 Chrome 浏览器内置的一个相当强大的工具。在这里您可以直接查看 Lighthouse，无需前往 PageSpeed Insights 网站。

此外，您可以更改屏幕尺寸以类似于实际设备。或者更改网络带宽参数。应用上面提到的两件事，我将自定义移动和桌面设备，使其看起来像 PageSpeed Insights 正在使用的机器人。

在开发者工具界面，点击图标 Toggle device toolbar 或按键盘快捷键 Ctrl+Shift+M 打开设备屏幕尺寸自定义工具栏。

单击栏 Dimensions → Edit

找到并选中该框 Moto G Power 设置移动屏幕。

单击按钮 Add custom device → 填写设备名称 Desktop → 以 1350x940 比例填充屏幕尺寸 → 项目 User agent string 选择 Desktop → 然后按 Save.

同样在开发者工具界面上，单击该项目 Network 在顶部栏中 → 单击 No throttling → Add → Add custom profile...

MOBILE download: 1638 kbit/s, Upload: 1638 kbit/s, Latency: 150ms

DESKTOP download: 10240 kbit/s, Upload: 10240 kbit/s, Latency: 40ms

到了这一步，你会想知道从哪里得到的大小和网络速度参数。那么我的答案来自PageSpeed Insights工具本身。它在这里：

这些参数将来肯定会发生变化，因此您需要根据Google进行更新才能获得最准确的结果。

为了获得最准确的结果，我将测试两种情况：移动设备和桌面设备。根据上面设置的参数，我们将根据每个单独的设备类型来选择同步。

此外，您还需要检查您的加载时间 DOMContentLoaded 和 Load 在底部。我不知道这个参数是什么。我通常以3秒为标准，但如果网站包含大图片或复杂布局，肯定会需要更长的时间，只要不是太长即可。

那么PageSpeed Insights现在会被放弃吗？不，虽然它不能测量网站加载速度，但它可以告诉您网站哪里出现错误。结合 PageSpeed Insights 和 Core Vitals 可以帮助您克服加载速度问题，而不影响用户体验。