|
|
51CTO旗下网站
|
|
移动端

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

谷歌工程经理 Addy Osmani 表示,计划于今年5月份发布的 Chrome 75 稳定版默认启用网页延迟加载(lazy loading)功能。

作者:局长来源:开源中国|2019-04-15 10:21

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

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

什么是延迟加载?

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

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

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

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

【编辑推荐】

  1. 996.ICU被多家国内公司的浏览器列入了黑名单
  2. ***的Windows XP,也将在4月9日退役
  3. Chrome for Windows 10 ARM已经被独立开发人员成功编译出来
  4. 一文带你全面了解Windows 10 May 2019(Version 1903)
  5. 谷歌Chrome浏览器极速模式Never Slow Mode细节曝光
【责任编辑:张燕妮 TEL:(010)68476606】

点赞 0
分享:
大家都在看
猜你喜欢

订阅专栏+更多

16招轻松掌握PPT技巧

16招轻松掌握PPT技巧

GET职场加薪技能
共16章 | 晒书包

289人订阅学习

20个局域网建设改造案例

20个局域网建设改造案例

网络搭建技巧
共20章 | 捷哥CCIE

645人订阅学习

WOT2019全球人工智能技术峰会

WOT2019全球人工智能技术峰会

通用技术、应用领域、企业赋能三大章节,13大技术专场,60+国内外一线人工智能精英大咖站台,分享人工智能的平台工具、算法模型、语音视觉等技术主题,助力人工智能落地。
共50章 | WOT峰会

0人订阅学习

读 书 +更多

安全模式:J2EE、Web服务和身份管理最佳实践与策

本书全面阐述Java应用安全的基本知识并介绍一种强大的结构化安全设计方法;介绍独立于厂商的安全架构;列出详细的评估核对表以及23种经过实...

订阅51CTO邮刊

点击这里查看样刊

订阅51CTO邮刊

51CTO服务号

51CTO播客