标签: #Web Vitals

SPA 路由一换，CLS 和 LCP 的测量就乱了——我是怎么在切换后强制重算的

SPA 路由切换时，浏览器原生 PerformanceObserver 不会重置 CLS 和 LCP，导致数据残留或混杂。解决方案是在路由变化时主动断开并重建 Observer，清空 CLS 累加值，用自定义时间戳过滤旧条目，并延迟上报至页面稳定。文章还给出了 Vue/React Router 的接入示例和常见问题处理。