4.2.1.2 CLS/FID控制：骨架屏与输入响应

文档摘要

4.2.1.2 CLS/FID控制：骨架屏与输入响应 4.2.1.2 CLS/FID控制：骨架屏与输入响应 ——一个被低估的“布局位移陷阱”：当骨架屏本身成了CLS的元凶你有没有遇到过这样的场景？页面加载时，骨架屏（skeleton screen）优雅浮现，灰白区块模拟着头图、标题、卡片的轮廓；用户目光刚落定在“正在加载”的主内容区，突然——整个视口猛地向下“一抖”，导航栏被顶高半行，按钮跳离指尖，刚刚准备点击的“立即购买”按钮凭空消失半秒，又弹回原位。你刷新三次，抖动三次；你换设备，抖动依旧；你查Lighthouse报告，CLS（Cumulative Layout Shift）稳稳卡在0.32——远超Google推荐的0.1阈值。