概念定义
视口单位与动态视口：浏览器是敌对的、共享的、单线程（对 JS）的环境，主线程每毫秒工作就是用户无法交互的一毫秒。
工作机制
渲染管线——样式、布局、绘制、合成——是增量的，任何 DOM 变更都可使其失效。性能工作目标是避免昂贵阶段（布局、绘制）并把其余排进空闲回调或主线程之外。加载工作按对关键路径的影响排序资源：渲染阻塞脚本延迟、图像获 fetch 优先级、服务器推送客户端接下来需要的。
使用场景
当用户交互延迟或加载性能有可测业务影响时应用。误区是在页面交付一兆字节渲染阻塞 JS 时微优化某函数——主导成本是结构性的而非算法的。另一是在理想实验室配置下测量，错过大多数用户实际所在的长尾设备与网络。
延伸说明
补充说明：视口单位与动态视口要求在设计与运维中持续权衡效率、正确性与可维护性，任何单一维度的过度优化都可能引入另一维度的风险。实践上应结合具体场景的约束、团队规模与变更频率，在小步验证中积累证据，而非凭一次假设或单一指标下结论。