lazysizes

lazysizes 是一个高性能、无需配置的前端懒加载库，用于延迟加载图片（支持 srcset/picture 响应式语法）、iframe 及其他元素。其核心特点是自动检测可视区域变化（包括滚动、CSS transform、JS 动态插入等），支持资源优先级调度（区分视口内与临近区域），并能自动生成 sizes 属性、复用 CSS 媒体查询，提升 SEO 与首屏渲染性能。适用于需要优化页面加载速度、降低带宽消耗及改善 LCP 等核心 Web 指标的响应式网站和 CMS 系统。