移动和桌面体验之间的 Google PageSpeed Insights“实验室数据”速度存在显着差异？

Question

当通过 Google Pagespeed Insights 工具运行该网站的页面时，在比较移动设备和桌面设备时，我收到了截然不同的“实验室数据”（交互时间、首次内容绘制、速度指数）速度。桌面版往往会在 2 秒内接收值，因此每个页面的 Pagespeed Insights 分数通常在 80 或 90 左右。然而，移动得分表明页面加载速度要慢得多，最多需要 10 秒。正如您可能猜到的那样，我无法在移动设备上重现接近这些加载时间的任何内容。移动和桌面体验没有显着差异，主要区别在于使用 CSS 媒体查询的样式。希望能帮助您理解为什么这些值如此显着不同！

参考图片： 桌面指标 移动指标

Answer 1

Page Speed Insights 使用模拟 CPU 和连接限制来模拟人们在显示移动分数时可能遇到的移动条件（桌面分数上不存在限制）。

并不是每个人都拥有旗舰手机（远非如此），因此他们将服务器的 CPU 速度降低了 4 倍，以模拟中低端手机较慢的 CPU 速度。

同样，他们还模拟慢速 4G 连接，以考虑人们外出/没有 WiFi 连接时的情况。因此，他们增加了额外的延迟并降低了上传和下载速度以反映这一点。

这就是为什么您会发现移动设备和桌面设备的网站得分存在如此大的差异。

如果您想自己模拟类似的速度，可以在 Google Chrome 中打开开发人员工具 -> 网络 -> 查找显示“在线”的下拉菜单，并将其更改为“快速 3G”。

现在重新加载您的页面，您可以看到额外的延迟和较慢的下载速度对瀑布的影响。