#2 · 主分类： Web 性能与预测加载
vanilla-lazyload
hacktoberfest
iframes
images
intersectionobserver
lazy-loading
lazy-sizes
lazyload
lazyload-iframes
lazyload-images
lazyload-script
lazyload-videos
picture
picture-tag
responsive-images
srcset
srcset-sizes
vanilla-javascript
vanilla-js
videos
webp
一个轻量级的原生JavaScript懒加载库，使用IntersectionObserver延迟加载图片、视频、iframe和脚本，直到它们进入视口，并支持响应式图片。
项目最后更新：06/22/26
GitHub Stars
7.9K
Forks数量
673
贡献者数量
47
许可证
MIT
收录理由
图片、内嵌视频或第三方iframe较多的页面，首次加载时往往明显变慢。vanilla-lazyload是一个久经考验的轻量方案，无需引入任何框架就能改善这种情况。它只有约2.4 kB，借助IntersectionObserver API，将视口之外的内容推迟到真正滚动到附近时才加载。真正省心的是它替你处理的各种细节：通过srcset和sizes支持响应式图片，picture标签配合WebP回退，带HiDPI变体的背景图，动画SVG，以及视频封面。使用方式也很直接，在标记里把真实属性换成data-属性，再用几行JavaScript实例化即可。对于不支持IntersectionObserver的旧浏览器，它还保留了回退机制，因此面向仍需要兼容老版本浏览器的站点，这是一个稳妥的选择。
相关文章
暂无针对该项目的文章。
如需补充新闻资讯、使用教程、应用测评等内容，欢迎 联系我们推荐选题或投稿。