杨佳旭

使用骨架屏 ☀️：在空容器内放置与最终内容高度一致但宽高固定的骨🤔架屏元素，从视觉上占据空间，待真实内容加载完成后替换

案例一：图片和视频未预留空间

此外，需要注意以下补充策略： 广告位预先占据固定尺寸，避免广告🎵网络延迟加载导致布局变动

更多精选文章

由于该模块的DOM插入时机无法预判，🎆且未在页面结构中预留固🎆定容器，导致后续内容整体下移，产生严重偏移

案例三：字体加载引起的布局抖动

当后备字体（如serif或sans⭐-serif）与自定义字体渲染宽度不一致⚡时，文字区域在字体加载完成后会发生整体宽高变化，造成视觉上的偏移

优先使用系统无衬线字体作为后备，因为⚡系统字体的字符宽度更接近于常用自✅定义字体（如Noto Sans SC）