手机无法获得超过90分的表现

Question

我需要一些关于优化使用 WordPress 开发的网站的帮助。我已经安装了 Blankslate 主题，并创建了一个子主题来开发我的作品集网站。我的网站快完成了，目前正在优化。我尝试过缩小和组合我的代码，也尝试过使用 defer 和 async 加载脚本和样式，但这没有太大区别。我还压缩和优化了我的图像。正如我之前提到的，唯一的问题是我在移动设备上的得分约为 70-80 分。我今天做了很多审核，很少有时候达到95。关于桌面版本，我的分数在97-98左右，非常好。我刚刚添加了CDN，但仍然没有解决我的问题。

审核详情 审计

我已经压缩并优化了我的图像。 我用过CDN。 我已经使用 W3 Total Cache 优化了 JS 和 CSS。

Answer 1

这看起来是一个优化得非常好的页面。在 Lighthouse 上获得 90+ 的性能分数并不容易，需要非常轻量级的网站或先进的技术。此时，您通常最好专注于真实用户监控 (RUM) 数据，因为 Lighthouse 只在高端提供这么多价值。

最让我惊讶的是，您网站的 84.2% 是由于在您的网站上加载 6 种字体所需的 861,616 字节造成的。这是一大堆字体，需要占用资源（网络和 CPU）来下载和处理。您可能想要对它们进行子集化，或者对于 Helvetica，您确实需要一种网络字体，因为默认的

sans-serif

字体与此非常接近。