前端工程5 分钟
文章页图片的懒加载与淡入:不制造布局偏移的做法
正文图片用 loading=lazy + decode=async 延迟解码,配合占位尺寸与淡入,兼顾性能与体验,并处理失败与 reduced-motion。
图片优化性能CLS动效
Tag
共 2 篇内容。
正文图片用 loading=lazy + decode=async 延迟解码,配合占位尺寸与淡入,兼顾性能与体验,并处理失败与 reduced-motion。
Web 字体如何造成布局偏移与文本闪烁,font-display/size-adjust/预加载的组合拳,以及系统字体栈在内容站上的合理性论证。