loading属性本地原生支持img图片、iframes延迟加载

2019-04-152751次阅读javascript

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

 

上一篇: git强制覆盖本地代码  下一篇: 不为人知的window.defaultstatus  

loading属性本地原生支持img图片、iframes延迟加载相关文章