Npcink Blog
切换菜单

Lazyload - 延迟加载图像

Vanilla JavaScript 插件,延迟加载图像,直到用户滚动到它们为止

本页目录1 节

延迟加载延迟了长网页中图像的加载。用户滚动到视口之外的图像之前,不会加载它们。这与图像预加载相反。

** https://GitHub.com/tuupola/lazyload

  • 插件版本: 2.0.0-rc.2

文件下载:

这是原始延迟加载插件的现代香草 JavaScript 版本。

它使用 Intersection Observer API 观察图像何时进入浏览器视口。

原始代码的灵感来自 Matt Mlinac 的 YUI ImageLoader 实用程序。

新版本大量借用了 Dean Hume 的博客文章。