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

导读连接能力有限的来自全球移动用户和人们的Web流量的增加促使公司和开发人员极大地优化了网站的加载速度。传统上,当您导航到网页时,它会下

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

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

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

免责声明:本文由用户上传,如有侵权请联系删除!