为了使我们的 WordPress 网站在桌面和移动设备上实现 100% 的整体性能得分，我们经历了多年的迭代。这绝非易事。这条建议源自我们多学科交付团队多年为客户构建快速网站的经验，适用于任何 CMS 平台，但 WordPress 是我们 首选的 CMS 平台。
为了衡量性能，我们使用PageSpeed Insights的 Lighthouse 评分系统，该系统会分解关键指标，并在低端移动设备上采用一致的环境，为移动端和桌面端提供总体评分。我们还使用 Chrome 的 CrUX 控制面板，该控制面板可直观呈现所有设备和地点实际用户访问的真实性能数据。
我们定制的 WordPress 框架在移动设备上的性能和核心 Web 重要分数。
快速的网站非常重要，因为它们是 Google 网页体 电话号码 验和排名算法的一部分，可以通过付费广告中更好的质量得分帮助降低每次点击费用，提高网站的可持续性资质，但也许最重要的是，通过更好的用户体验提高转化率。
在力争获得 100% 的评分的同时，我的一般建议是，除了 Lighthouse 提供的单一百分比评分外，还要关注 CrUX 数据，因为它能更好地反映用户在您网站上的
在前 6 个请求内加载关键资产
在构建新站点或解决性能问题时，您需要 按人口统计数据进行市场细分 注意显示首屏内容所需的关键文件的加载顺序，因为它会影响首次内容绘制 FCP、最大内容绘制 LCP 和速度指数指标。
首屏展示所需的关键资产通常包括：
- 您网站的主要样式表 CSS 位于首屏 CSS 之上，除非它是内联的（稍后会详细介绍）
- 除非您使用“网络安全”字体，否则首屏字体显示所需的字体 .woff2 文件
- 如果首屏上方最大的元素是图片而非文本，则为 LCP 图片。
注意：视频不计入 LCP 元素，因此会被忽略
前六个请求非常重要，因为 http/2 允许从托管服务器同时请求 6 到 8 个文件，并且应该适用于所有现代托管环境。您可以在下面由Webpack.org生成的瀑布图中看到 http/2 的实际运行情况，其中 LCP 图像、主样式表 css 文件和关键的 .woff2 字体文件在最初的 8 个请求中几乎同时被请求。
接下来是对不太重要的资产进行交错请 电话线索 求，这些资产可以承受短暂的延迟，例如主站点的 app.js 文件、GTM 脚本等