Chrome 75 将默认启用延迟加载功能

局长
 局长
发布于 2019年04月14日
收藏 7

谷歌工程经理 Addy Osmani 表示,计划于今年5月份发布的 Chrome 75 稳定版默认启用网页延迟加载(lazy loading)功能。此前开源中国报道过,Chrome 内置的延迟加载功能已在 canary 通道提供,到现在历经八个月的开发,有望在稳定版中正式启用。

如上图所示,自 Chrome 75 起,将原生支持图片的延迟加载,在代码中编写 <img loading="lazy">,即支持滚动到视口再加载图片。

什么是延迟加载?

延迟加载是一种在加载页面时,延迟加载非关键资源的方法, 而这些非关键资源则在需要时才进行加载(如文本、图像和视频等)。

谷歌工程师报告说,使用该机制后,页面加载速度的提升从 18% 到 35% 不等,具体取决于底层网络。你应该也见过延迟加载的实际应用,其过程大致如下:

  • 用户访问一个页面,并开始滚动阅读内容
  • 在某个时刻,将占位符图像滚动到视口中
  • 该占位符图像瞬间替换为最终图像

更多关于 Chrome 内置延迟加载功能的技术实现细节请查看 https://addyosmani.com/blog/lazy-loading/

相关进展

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:Chrome 75 将默认启用延迟加载功能
加载中

精彩评论

宇天
宇天
真好,以后的前端又轻松了一点
赤木茂
赤木茂
??意思以后都不用自己写了吗?
a
abensky
如果不是w3c标准, 以后是不是又得多几个浏览器的判断?

最新评论(9

乐悠族
乐悠族
不知道从哪里看到的,以后Chrome会不会是新的IE6?
kppom
kppom
Firefox实现这个功能了吗?
派大星的快乐生活
派大星的快乐生活
谢谢谷歌爸爸这么体谅我们前端
Sakuraovq
Sakuraovq
这个好
a
abensky
如果不是w3c标准, 以后是不是又得多几个浏览器的判断?
彩虹梦
彩虹梦

引用来自“赤木茂”的评论

??意思以后都不用自己写了吗?
对啊。。。
杯面柒
杯面柒

引用来自“赤木茂”的评论

??意思以后都不用自己写了吗?
这不得想想还有哪些浏览器不支持,要不要兼容旧版
宇天
宇天
真好,以后的前端又轻松了一点
赤木茂
赤木茂
??意思以后都不用自己写了吗?
返回顶部
顶部