HTTP Archive 最新发布的 Core Web Vitals 技术报告，对七大内容管理平台进行了横向对比。报告揭示了一个出人意料的结论：页面重量（Page Weight）和 Lighthouse 评分并不能完全预测 Core Web Vitals 的实际表现。
为什么 Core Web Vitals 很重要
Core Web Vitals（CWV）是 Google 推出的用户体验度量标准，主要衡量三个维度：
- 网页加载速度
- 加载过程中的视觉稳定性
- 用户感知的页面响应能力
虽然 CWV 目前只是 Google 排名算法中的一个小因素，但其重要性不容忽视：高 CWV 分数的页面加载更快、更流畅，有助于提升转化率和广告表现；低分页面则会给用户带来摩擦，增加跳出率，最终负面影响商业目标。
数据来源与采集方法
本次报告的数据来自两个公开数据源的结合：
- Chrome UX Report（CrUX）：收集真实用户 Chrome 浏览器的匿名化现场性能数据
- HTTP Archive：通过爬虫对全网网站进行实验室级别的性能和技术数据采集
将两者结合，可以有效验证"页面重量"与"真实世界 Core Web Vitals 表现"之间的相关性。
页面重量与 Core Web Vitals 的关系
一个普遍认知是页面越重，CWV 表现越差。但数据表明这并非绝对——两者之间的关系比直觉判断更为复杂。
2026年4月各平台页面重量排名（越低越好）
| 平台 | 页面重量中位数 |
|---|---|
| Astro | 1.65 MB |
| Duda | 1.87 MB |
| Drupal | 2.39 MB |
| Joomla | 2.65 MB |
| Wix | 2.67 MB |
| WordPress | 2.76 MB |
| Shopify | 3.77 MB |
2026年4月各平台 Lighthouse 评分排名（越高越好）
| 平台 | Lighthouse 评分 |
|---|---|
| Astro | 68 |
| Wix | 62 |
| Duda | 54 |
| Drupal | 48 |
| Shopify | 47 |
| WordPress | 44 |
| Joomla | 43 |
各平台 Core Web Vitals 表现
Duda：排名第一
Duda 以约 85% 的网站获得良好 CWV 分数位列第一，同时保持着最轻量的页面重量之一（约 1.78 MB）。轻量页面与高 CWV 分数的关联在此显而易见。
Wix：排名第二
Wix 紧随其后，约 80% 的网站达到良好 CWV 水平，页面重量约 2.55 MB。
Shopify：排名第三（出乎意料）
Shopify 以约 79% 的良好 CWV 分数排名第三。这个成绩令人意外——电商网站通常因第三方脚本、客户追踪和购物功能而性能承压，Shopify 实际上拥有最重的页面重量和最低的 Lighthouse 评分。
为什么 Shopify 反而表现优异？ Lighthouse 审计对以下因素敏感：JavaScript 有效载荷、未使用 JS、渲染阻塞资源、网络瀑布结构等。但 CrUX 衡量的是真实用户体验，包含缓存效果、CDN 行为、重复访问和实际设备条件。
Shopify 在这些"真实世界指标"上表现出色，原因包括：
- 稳定的渲染行为
- 避免布局偏移的固定布局
- 快速响应交互
- 通过 CDN 基础设施和托管环境积极优化资源分发
核心启示：降低页面重量只是提升 CWV 的手段之一，Lighthouse 分数与真实用户体验并非同一回事。
Astro：排名第四
约 67% 的 Astro 网站获得良好 CWV 分数，同时拥有最轻的页面重量（1.65 MB）。这印证了轻量页面有助于 CWV 的直觉。
不过需注意：Astro 的高分数可能与其部署场景相关——简洁的博客类站点本身就不需要拖累 CWV 的复杂功能。随着网站复杂度增加，Astro 的开箱即用优势可能逐渐缩小。
Drupal：排名第五
约 64% 的 Drupal 网站达到良好 CWV 水平，页面重量约 2.28 MB，处于各平台的中游位置。2026 年 1 至 4 月期间，Drupal 的性能评分展现出极强稳定性，从年初到 4 月底始终维持在 64% 未发生波动。稳定本身是好事，但业界普遍认为适度的上升改善更值得关注。
Joomla：排名第六
Joomla 约 58% 的网站获得良好的 CWV 评分。然而另一组数据却呈现出矛盾态势：Joomla 网站的中位页面重量约为 2.53 MB，这一数字甚至优于部分排名更高的平台。这种"轻量级网站却得到中等 Core Web Vitals 分数"的现象值得关注。
HTTP Archive 的 Lighthouse 审计数据进一步揭示了问题所在——Joomla 在所有 CMS 平台中 Lighthouse 评分最低。
低 Lighthouse 评分可能指向以下执行层面的问题：渲染阻塞资源、JavaScript 行为、图像处理方式，以及模板或扩展程序的质量。这些因素综合起来，正在拖累 Joomla 网站在真实用户环境下的 CWV 表现。
WordPress：连续排名末位
本次评测中，WordPress 以约 49% 的良好 CWV 得分率位列倒数第一。Lighthouse 性能审计排名倒数第二（仅次于 Joomla），页面重量中位数约 2.63 MB，同样排名靠后。
与 Duda 和 Astro 对比，差距尤为明显：
- Duda 网站：中位页面重量 1.87 MB
- Astro 网站：中位页面重量 1.65 MB
- WordPress 网站：中位页面重量 2.63 MB
这一差距已大到足以说明这些平台已不在同一性能区间内竞争。
页面重量与 CWV 表现并不直接相关
| 页面重量排行 | 平台 | CWV 表现排行 | 平台 |
|---|---|---|---|
| 1.57 MB | Astro | 85% | Duda |
| 1.78 MB | Duda | 80% | Wix |
| 2.28 MB | Drupal | 79% | Shopify |
轻量不等于高性能：Shopify 悖论
从数据表面看，更轻的页面通常带来更强的 Core Web Vitals 表现。然而 Shopify 证明，仅优化页面重量并非提升 CWV 的唯一路径——答案在于平台如何高效处理网站复杂度。
Shopify 页面之所以比竞品重得多，根本原因在于电商网站的固有特性：大量 JavaScript、商品筛选系统、动态库存功能、图片资源、个性化功能以及交互式商城组件。
按照简单的"载荷大小"模型，Shopify 表现应该差得多。但实际上该平台持续取得优于更轻量平台的 CWV 分数。
这说明关于性能的讨论应该同等关注管理网页复杂度的能力，而非单纯追求页面重量。Shopify 案例表明，高效承载复杂度的能力才是更关键的优化方向。
核心结论：
- 即便是轻量级平台，如果渲染和执行效率低下，仍然可能表现糟糕。
- 即便是重量级平台，如果架构针对复杂度的传输方式做了深度优化，仍然可以表现优异。
真实世界性能的关键：三个 CWV 指标的实际含义
Core Web Vitals 并非单纯比谁加载更快，而是揭示网站在压力下的具体失败模式。
LCP（Largest Contentful Paint，最大内容绘制） 常在以下情况出现问题：图片尺寸过大、主图发现延迟、CSS 和 JavaScript 阻塞渲染、浏览器被迫同时竞争过多高优先级资源。即便总体载荷较小，如果浏览器无法快速识别和渲染最重要的视觉内容，网站仍然会表现不佳。
INP（Interaction to Next Paint，交互到下一绘制的延迟） 暴露另一类弱点：第三方脚本、追踪标签、水合开销、弹窗、滑块、聊天组件以及过度的 JavaScript 执行都会阻塞浏览器主线程、延迟响应速度。网站复杂度在此变得"昂贵"——每个新增功能都在争夺执行时间。
CLS（Cumulative Layout Shift，累计布局偏移） 则在布局不稳定时出现：无尺寸预留的图片、延迟加载的广告、嵌入式媒体、注入的界面元素以及动态内容，都可能在用户正与页面交互时推挤可见内容。
Shopify 的启示
电商网站天然携带大量上述三类指标中最容易受损的元素：大量图片、多交互组件、动态内容。Shopify 在 Lighthouse 性能测试中仅排名中游，说明其实验室测试成绩并不突出。
但 Shopify 仍然在真实环境 CWV 表现中名列前茅。许多 SEO 从业者谈到 CWV 时关注的是"让网站更快"。而从本次跨平台对比中真正应该汲取的教训是：真实世界的 CWV 表现更多取决于网站如何处理技术层面的失败点，而非仅仅关注页面重量类的改进。
在性能竞争中，优势正逐渐向那些能够高效承载复杂度的平台倾斜。
