刚要点按钮,页面却跳了一下 — 把 CLS 从 0.559 压到 0.014 的实测记录
加载时布局乱跳不是审美问题,而是一个能量化的指标。我把同一个页面做了两版,用 layout-shift PerformanceObserver 测 CLS,只靠给图片预留盒子、给动态内容预留槽位,就把 0.559(POOR)压到了 0.014(GOOD)。过程有代码,有日志,也有可以照着复现的测量步骤。
标签
1篇文章
加载时布局乱跳不是审美问题,而是一个能量化的指标。我把同一个页面做了两版,用 layout-shift PerformanceObserver 测 CLS,只靠给图片预留盒子、给动态内容预留槽位,就把 0.559(POOR)压到了 0.014(GOOD)。过程有代码,有日志,也有可以照着复现的测量步骤。