JA EN ZH

懒加载

将屏幕外图像的加载推迟到用户滚动到附近时才执行的技术,显著提升初始页面加载速度。

懒加载将视口外的图像下载推迟到用户滚动到附近时才执行,直接改善首次绘制速度和 LCP (Largest Contentful Paint) 指标。

<img> 标签添加 loading="lazy" 即可启用浏览器原生懒加载。Intersection Observer API 提供对加载触发阈值的更精细控制。

初始视口内的图像 (首屏大图、Logo) 不应使用懒加载。这些图像需要 loading="eager"fetchpriority="high" 进行优先加载。结合图像优化,懒加载可以最大限度减少图片密集页面的初始传输量。配合响应式图像,仅在需要时才传输适当尺寸的图像。

Related Terms

Related Articles