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

栏目: IT资讯 · 发布时间: 5年前

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

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

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

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

什么是延迟加载?

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

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

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

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

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

相关进展


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

解密硅谷

解密硅谷

[美]米歇尔 E. 梅西纳(Michelle E. Messina)、乔纳森 C. 贝尔(Jonathan C. Baer) / 李俊、李雪 / 机械工业出版社 / 2018-12 / 50.00

《解密硅谷》由身处硅谷最中心的连续创业者米歇尔·梅西纳和资深的投资人乔纳森·贝尔联合撰写,二人如庖丁解牛一般为读者深入剖析硅谷成功的原因:从硅谷的创新机制、创业生态、投资领域的潜规则、秘而不宣的价值观等角度,让阅读本书的人能够在最短的时间内,拥有像硅谷人一样的商业头脑,从而快速发现机遇,顺利地躲过创业的坑,熬过创业生死挑战中的劫数,带领初创公司顺利地活下去,并实现快速增长。 如果初创公司能够......一起来看看 《解密硅谷》 这本书的介绍吧!

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具