图片懒加载——提升页面加载 2026
新2026-02-011 分钟阅读1 个工具
仅在需要时加载图片。减少首屏加载。开发者指南。
什么是懒加载？
图片仅在进入视口时加载。减少首屏加载时间和流量消耗。
实现方式
在 img 标签添加 loading="lazy"。现代浏览器原生支持。无需 JavaScript。
Frequently Asked Questions
- 懒加载如何工作？
- 图片仅在用户滚动到时加载。给 img 加 loading="lazy"——现代浏览器原生支持。首屏加载更快、省流量。Core Web Vitals 会改善。
- 所有图片都要懒加载吗？
- 不要。首屏图片不要懒加载——会影响 LCP。只对下方图片用 loading="lazy"。主图和横幅应立即加载。