Chrome 75 将默认启用延迟加载功能 - 开源中国社区
Chrome 75 将默认启用延迟加载功能
局长 2019年04月14日

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/

相关进展

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:Chrome 75 将默认启用延迟加载功能
分享
评论(8)
精彩评论
5
真好,以后的前端又轻松了一点
3
??意思以后都不用自己写了吗?
1
如果不是w3c标准, 以后是不是又得多几个浏览器的判断?
最新评论
0
Firefox实现这个功能了吗?
0
谢谢谷歌爸爸这么体谅我们前端
0
这个好
1
如果不是w3c标准, 以后是不是又得多几个浏览器的判断?
0

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

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

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

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