当通过 Google Pagespeed Insights 工具运行this website 的页面时，在比较移动设备和桌面设备时，我收到的“实验室数据”（交互时间、首次内容绘制、速度指数）速度截然不同。 Desktop 往往接收不到 2 秒的值，因此，Pagespeed Insights 分数通常在每个页面上的 80 或 90 之间。然而，Mobile 分数表明页面加载速度要慢得多，最高可达 10 秒。正如您可能猜到的那样，我无法在移动设备上重现接近这些加载时间的任何内容。移动和桌面体验没有显着差异，主要区别在于使用 CSS 媒体查询进行样式设置。希望能帮助您理解为什么这些价值观如此不同！
图片供参考： Desktop metrics Mobile metrics
【问题讨论】：
Page Speed Insights 使用模拟 CPU 和连接限制来模拟人们在显示您的移动分数时可能遇到的移动条件（桌面分数不存在限制）。
不是每个人都拥有旗舰手机（远非如此），因此他们将服务器的 CPU 速度降低 4 倍，以模拟中低端手机较慢的 CPU 速度。
同样，他们还模拟了慢速 4G 连接，以解决人们外出和周围/没有 WiFi 连接的情况。因此，它们会增加额外的延迟并减慢上传和下载速度以反映这一点。
这就是为什么您的网站得分在移动设备和桌面设备之间存在如此大的差异。
如果你想自己模拟类似的速度，你可以在谷歌浏览器中打开开发者工具 -> 网络 -> 寻找显示“在线”的下拉菜单并将其更改为“快速 3G”。
现在重新加载您的页面，您可以看到额外的延迟和较慢的下载速度对您的瀑布流的影响。
【讨论】：
根据我的分析，这是由于此页面上的图像造成的。不过，Google PageSpeed Insights 对移动端分数的敏感度高于桌面端分数，因此移动端和桌面端分数之间的明显差异对于这个工具来说是很自然的。
尝试先压缩图片（可以使用 tinypng.com 或其他在线工具），然后使用lazyload 压缩图片。
【讨论】：