lazysizes

lazysizes 是一个高性能且对搜索引擎友好的延迟加载库，适用于图片（包括响应式图片）、iframe 和更多元素。它能够自动检测由用户交互、CSS 或 JavaScript 触发的任何可见性变化，无需额外配置。其核心功能包括自动计算响应式图片的 sizes 属性，支持 picture 和 srcset 标准，并通过区分视口内和接近视口的元素来优化资源加载顺序，从而提高感知性能。此外，lazysizes 提供了一系列可选插件以进一步扩展其功能。此项目非常适合需要提升网页加载速度和改善用户体验的场景，尤其是在移动设备或低带宽环境下。