content-visibility 渲染跳过与 contain-intrinsic-size 实践：长页面性能治理

背景与价值长列表与长页面的非可视区域渲染浪费资源；原生属性可跳过渲染同时保持布局稳定。基本用法.item { content-visibility: auto; contain-intrinsic-size: 300px 180px; } 进阶：骨架与真实尺寸对齐.card { content-visibility: auto; contain-intrinsic-size: 240px; } .card.ready { contain-intrinsic-size: auto; } 与虚拟列表协同将非可视区域元素设置 `content-visibility:auto`，滚动进入视区后进行真实渲染。指标验证（Chrome 128/Edge 130）样式计算与绘制时间（P95）：降低 35%–60%。帧稳定性：丢帧率 ≤ 3%。CLS：占位尺寸合理时保持 ≤ 0.03。测试清单快速滚动：进入视区时渲染正确，无闪烁与错位。尺寸一致性：占位与真实内容尺寸差异不导致布局抖动。