谷歌宣布Chrome75稳定版将默认启用图片延迟加载功能，通过<img loading=lazy>实现，可提升页面加载速度18%-35%。此功能在滚动到视口时加载图片，已历经八个月开发。
谷歌工程经理 Addy Osmani 表示，计划于今年5月份发布的 Chrome 75 稳定版默认启用网页延迟加载（lazy loading）功能。此前开源中国报道过，Chrome 内置的延迟加载功能已在 canary 通道提供，到现在历经八个月的开发，有望在稳定版中正式启用。
如上图所示，自 Chrome 75 起，将原生支持图片的延迟加载，在代码中编写 <img loading="lazy">，即支持滚动到视口再加载图片。
什么是延迟加载？
延迟加载是一种在加载页面时，延迟加载非关键资源的方法， 而这些非关键资源则在需要时才进行加载（如文本、图像和视频等）。
谷歌工程师报告说，使用该机制后，页面加载速度的提升从 18％ 到 35％ 不等，具体取决于底层网络。你应该也见过延迟加载的实际应用，其过程大致如下：
- 用户访问一个页面，并开始滚动阅读内容
- 在某个时刻，将占位符图像滚动到视口中
- 该占位符图像瞬间替换为最终图像
更多关于 Chrome 内置延迟加载功能的技术实现细节请查看 https://addyosmani.com/blog/lazy-loading/。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
