Google Chrome现在支持延迟加载iframe以加快页面加载速度

2020-10-29 14:58:01

连接能力有限的来自全球移动用户和人们的Web流量的增加促使公司和开发人员极大地优化了网站的加载速度。传统上,当您导航到网页时,它会下载并显示所有可用内容:图像,图标,GIF,样式,脚本等。可以想象,加载所有内容会导致网站启动时出现延迟,尤其是对于连接速度较慢的用户而言。Google一直在努力消除这一问题。就在去年,他们在Google Chrome 76中添加了图像延迟加载功能。现在,Google将相同的功能引入了iframe。

延迟加载按需加载网页的内容,这意味着直到您向下滚动并将其显示在视图中时,才下载并显示它们,从而降低了网站的初始启动速度。如前所述,从去年开始,Chrome即可开始延迟加载图片,但是现在开发人员也可以在iframe上使用相同的方法。要在您自己的网站上实现它,您要做的就是向图像和/或iframe元素添加loading =“ lazy”属性。Firefox和Safari等浏览器已经实现了本机图像延迟加载功能。至于iframe,他们仍在努力修复一些错误。Google还提到,精简模式下的Android版Chrome浏览器会自动延迟加载屏幕外的图片和iframe。

具有讽刺意味的是,在测试YouTube视频嵌入(基于iframe)在延迟加载时如何影响网页加载速度的测试过程中,Chrome小组发现,他们“比我们的页面互动时间节省了10秒移动设备。不用说,与传统的在您访问网页后立即下载整个网页内容的方法相比,延迟加载具有真正的优势。

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。