Intersection Observer使延迟加载变得比以前更容易、更高效,但是要真正正确地进行加载,仍然需要删除src等,这很麻烦。
Chrome 75 将默认启用延迟加载功能,loading属性本地原生支持img图片、iframes延迟加载:
<img src="celebration.jpg" loading="lazy" alt="...">
loading属性允许浏览器延迟加载屏幕外图像img和iframes,直到用户滚动到它们附近。加载支持三个值:
- lazy:懒惰装载。
- eager:立即装载。
- auto: 浏览器将决定是否延迟加载。
详细了解:https://chrome.google.com/webstore/search/Tunnello?hl=en-US&_feature=4stars&_category=extensions