Coding 敏捷研发

今年5月发布的Chrome 75稳定版将默认启用延迟加载技术

2019年04月10日 09:45 次阅读 稿源:cnBeta.COM 条评论

谷歌工程经理Addy Osmani表示,计划于今年5月份发布的Chrome 75稳定版中将默认启用网页延迟加载(lazy loading)技术。延迟加载是指在加载页面的时候,延迟加载非关键资源的方法,只有在用户需要的时候才会加载文本、图像和视频等等。该功能目前主要针对移动设备,不过在未来的版本中将会引入到Windows、Mac、Linux、Chrome OS等主要平台上。

115601_Nyyk_2720166.jpg

延迟加载显而易见的优势就是提升页面加载速度,并为用户节省带宽,特别是在使用移动数据时。谷歌工程师报告说,使用该机制后,页面加载速度的提升从 18% 到 35% 不等,具体取决于底层网络。

事实上你在实际上网过程中已经见过延迟加载的实际应用,其过程大致如下:

● 您访问一个页面,并开始滚动阅读内容。

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

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

热门发布平台 Medium 上就有关于图像延迟加载的示例。该平台在加载页面时会先加载轻量级的占位符图像,并在其滚动到视口时,将之替换为延迟加载的图像。浏览中的 Medium 网站屏幕截图,演示延迟加载的实际应用。 左侧是模糊的占位符,右侧是加载的资源。

lazy-loading-example-1x.jpg

图像延迟加载实际应用示例。 占位符图像在页面加载时加载(左侧),当滚动到视口时,最终图像随即加载(即在需要时加载)。

关于延迟加载的更多细节:可以访问谷歌官方支持文档

Coding

活动入口:

Coding敏捷研发 - 研发产出提升20% 5人以下小团队免费

走进Verisign - 互联网根服务器的管理者/.com的守护者

对文章打分

今年5月发布的Chrome 75稳定版将默认启用延迟加载技术

2 (12%)
已有 条意见

    最新资讯

    加载中...

    今日最热

    加载中...

    热门评论

      Top 10

      招聘


      Advertisment ad adsense googles cpro.baidu.com
      created by ceallan