CrUX 软导航指标:把 SPA 的每次换页分开看
Annie Sullivan 介绍计入 SPA 路由切换的实验性 LCP、INP 与 CLS;实验分数改变,不等于应用本身变快。
原作者:Annie Sullivan
来源:web.dev
页面没重载,读者已经换了一页
单页应用可以替换正文并更新地址,却继续使用同一份文档。传统实地指标未必像一次新的 HTML 导航那样归属这些后续页面。Annie Sullivan 在 10 月 13 日的文章中,介绍了把硬导航和软导航一起纳入的 CrUX 实验指标;它建立在 Chrome 151 引入的 Soft Navigations API 之上。
先问自己的站点是否真的有大量软导航。原文图 1 对比了所有 CrUX 来源与排名前 1,000 的站点:高度依赖软导航的来源只占少数,在这些大站中更常见。这是发布者的汇总观察,不是 Boloop 的测量结果,也不是对你的网站的预测。
对后续换页很多的 SPA,把这些页面算进去会改变测量边界。LCP 会包含复用已下载资源的较快切换;INP 与 CLS 按页面片段划分,而不是把整段应用会话中的交互或位移归到最初入口。因此实验分数变好,可能来自计量方式变化,不能单凭它证明某次代码优化生效。
怎样开始对照
在同一 URL 或来源、同一日期窗口,对照稳定序列和实验序列。原文列出的实验字段是 experimental_largest_contentful_paint_with_softnavs、experimental_interaction_to_next_paint_with_softnavs 和 experimental_cumulative_layout_shift_with_softnavs,可从 CrUX API、History API 与 BigQuery 数据集中获取。先核对通常的数据资格与覆盖,某个 URL 没有结果不一定是故障。
若要自建真实用户测量,相关 Chrome 文档解释了如何把条目归到正确导航、在视图之间重置指标。这是后续工程工作,本站推荐这篇文章不代表已经接入了这些实验指标。
实验评估期间,Google 稳定版 Core Web Vitals 分数保持原状。原文提及的 2027 年 5 月转正目标仍取决于反馈,不能说成 Search Console 已经切换。适合维护 SPA、或需要解释两份性能报告为什么不同的人阅读;它不是搜索排名提升的承诺。原文与图表归 Annie Sullivan / web.dev,本站文字是附来源的阅读导引。
资料来源与延伸阅读
- Experimental soft navigation metrics now available in CrUX文章 · Annie Sullivan
- Measuring soft navigations官方资料 · Barry Pollard; Michal Mocny
- Creative Commons Attribution 4.0官方资料 · Creative Commons