两种技术配合使用的推荐做法

什么是图片懒加载 懒加载（Lazy Loading）是一种延🎵迟加载策略：当用户访问页面时，浏览器只加载当前视口内的图🔥片，其余图片暂时不请求资源，直到用户向下滚动到图片即将出现的位置时才开始加载

为所有非首屏图片添加懒加载属性🔑（如 loading="lazy" ），并🎇配合 srcset 为不同分辨率提供合适尺寸的图片

长期维护与持续优化

同时定期审查页面中是否存在未设置懒加载的大图，或是否因🔑为采用尺寸过大的原始图片而抵消了优化的收益

WebP格式的优势与适用场景

长期维护与💫持续优化 网💫站图片优化不应是一次性工作

什么是图片懒加载

针对这一问题，图片懒加载与WebP格式是目前效率较高且兼容性好的两项优化手段

懒加载则要注意避免对 标签中的图片 或 首屏关键图 使用延迟加载，否则可能影响核心内容的第一时间呈现