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

  • 2019-04-14 9:21:41
  • 2,279 次阅读
  • 稿源:天马行空

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

Google Chrome 75 将默认启用延迟加载功能
如上图所示,自Chrome 75 起,将原生支持图片的延迟加载,在代码中编写,即支持滚动到视口再加载图片。

什么是延迟加载?

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

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

在某个时刻,将占位符图像滚动到视口中

该占位符图像瞬间替换为最终图像

Google Chrome 75_pic1

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

稿源:cnBeta.COM

喜欢 0

文章评论 (0)

表情

大眼 可爱 大笑 坏笑 害羞 发怒 折磨 快哭了 大哭 白眼 晕 流汗 困 腼腆 惊讶 憨笑 色 得意 骷髅 囧 睡觉 眨眼 亲亲 疑问 闭嘴 难过 淡定 抗议 鄙视 猪头