网络有多快?用BEACON探索数十亿真实用户测量数据

💡 原文英文,约2300词,阅读约需9分钟。
📝

内容提要

Cloudflare发布BEACON数据集,基于1万个大型网站数十亿真实用户测量,公开Core Web Vitals完整直方图,覆盖各浏览器、设备与国家。数据显示WebKit在46国表现逊于Blink;下载资源耗时占比最小,发现与渲染阻塞才是主因;软导航比硬导航快2至3倍,但首屏更重。数据经匿名化与聚合处理,已在BigQuery公开。

🔎

延伸解读

数据集的独特价值与使用门槛

BEACON基于1万个大型网站的数十亿真实测量,提供Core Web Vitals完整直方图,覆盖多浏览器、设备与国家。其价值在于可计算任意百分位,观察长尾表现,而非仅看P75。但数据经匿名化与聚合,且仅限BigQuery访问,研究者需具备SQL技能。此外,样本偏向大型网站,可能无法完全代表小型站点。

性能瓶颈的重新认识

数据显示,下载资源耗时在LCP中占比最小,发现与渲染阻塞才是主因。这意味着优化应优先减少资源发现延迟和消除渲染阻塞,而非单纯压缩资源。对于INP,JavaScript执行时间最长,但呈现延迟也显著上升,提示需关注复杂CSS布局重算。Cloudflare建议使用Smart Hints和Zaraz等工具针对性优化。

软导航的权衡与适用场景

软导航比硬导航快2至3倍,但首屏更重。对于单页应用,后续导航快,但初始加载慢。若用户很少深入浏览,重首屏可能得不偿失。团队需评估用户行为:若多数用户仅访问落地页,则优化首屏更重要;若用户频繁交互,软导航优势明显。架构选择应基于实际使用模式。

网络质量与网站性能的关联

BEACON与Cloudflare Radar的IQI数据结合显示,带宽越高,LCP越快。但非洲传输大小明显较小,可能因网站针对网络条件优化。高质量网络可能掩盖网站优化不足,而慢网络会放大瓶颈。这提示性能优化需考虑用户网络环境,两者共同决定体验。未来Radar将探索这种相互抵消的普遍性。

❓

Q&A

BEACON数据集是什么?

BEACON是Cloudflare发布的匿名数据集,全称Browser Experience Across Cloudflare's Observed Network。它基于1万个大型网站数十亿真实用户测量,公开Core Web Vitals完整直方图,覆盖各浏览器、设备与国家,每日在Google BigQuery更新。

BEACON数据集包含哪些性能指标?

BEACON报告所有三个Core Web Vitals:Largest Contentful Paint (LCP) 加载时间、Cumulative Layout Shift (CLS) 视觉稳定性、Interaction to Next Paint (INP) 交互响应性。此外,还扩展了LCP和INP的子部分,如文档TTFB、加载延迟、加载时长、渲染延迟,以及输入延迟、处理时间、呈现延迟。

不同浏览器引擎在性能上有什么差异?

在46个WebKit流量占比超过10%的国家中,WebKit的LCP、INP或两者比Blink内核浏览器(如Chrome、Edge、Opera)差至少10%。例如在柬埔寨,WebKit占17.5%的页面浏览量,但其LCP比Blink差50%。

页面加载慢的主要原因是什么?

下载资源本身(如图片、字体、视频)通常对感知加载时间贡献最小。对于大多数超过“良好”阈值的页面浏览量,更大的优化机会在于发现LCP候选元素(加载时间)和解除其渲染阻塞。

软导航和硬导航在性能上有什么区别?

软导航(客户端导航)在每个百分位上的渲染速度比硬导航快2到3倍。例如,P50硬导航为791ms,软导航为274ms;P75硬导航为1421ms,软导航为582ms。但软导航不能消除初始着陆页的成本,着陆页通常更重。

BEACON数据集如何处理隐私问题?

BEACON通过匿名化处理,剥离任何潜在的客户网站标识符,如域名和URL路径。数据聚合时,丢弃任何少于5个数据点的记录,以确保无法识别个人或特定网站。

如何访问BEACON数据集?

BEACON在Google BigQuery上公开可用。文章包含了所有数据的查询示例,RUM Archive网站也提供了进一步文档。用户可以在社区论坛或Discord上分享发现。

🏷️

标签

➡️

继续阅读