Google Chrome 75 将默认启用延迟加载功能
谷歌工程经理 Addy Osmani 表示,计划于今年5月份发布的 Chrome 75 稳定版默认启用网页延迟加载(lazy loading)功能。Chrome 内置的延迟加载功能已在 canary 通道提供,到现在历经八个月的开发,有望在稳定版中正式启用。
如上图所示,自 Chrome 75 起,将原生支持图片的延迟加载,在代码中编写 <img loading=”lazy”>,即支持滚动到视口再加载图片。
什么是延迟加载?
延迟加载是一种在加载页面时,延迟加载非关键资源的方法, 而这些非关键资源则在需要时才进行加载(如文本、图像和视频等)。
谷歌工程师报告说,使用该机制后,页面加载速度的提升从 18% 到 35% 不等,具体取决于底层网络。你应该也见过延迟加载的实际应用,其过程大致如下:
- 用户访问一个页面,并开始滚动阅读内容
- 在某个时刻,将占位符图像滚动到视口中
- 该占位符图像瞬间替换为最终图像
更多关于 Chrome 内置延迟加载功能的技术实现细节请查看 https://addyosmani.com/blog/lazy-loading/
本文文字及图片出自 OSchina
你也许感兴趣的:
- Google宣布支持使用Rust开发Chromium
- 一秒就被盗走密码,Chrome的安全措施就是摆设。
- Chrome再次优化内存占用,新增内存释放开关
- 只有 Chromium 的 Web 会是什么样子?
- 前Firefox工程师爆料为了让Chrome浏览器成功 Google玩得很下流
- 超好用的27个谷歌Chrome浏览器使用技巧
- 酷壳陈皓:使用谷歌浏览器调试WEB前端的一些必备调试技巧
- 如何理解谷歌浏览器的安全警告信息
- Google浏览器里藏着一个彩蛋,你知道吗?
- 【外评】电脑从哪里获取时间?
你对本文的反应是: