铬浏览器现在支持iframe延迟加载以支持性能
- 类别: 谷歌浏览器
谷歌 显露 2020年7月24日，基于Google Chrome和Chromium的网络浏览器现在支持iframe内容的延迟加载。在Google引入了对 在Chromium和Chrome中延迟加载图像 。 Mozilla的Firefox Web浏览器也支持图像的延迟加载 。
从技术上讲，延迟加载使浏览器无法加载某些内容，直到用户对其进行访问为止。首次加载页面时，可能会延迟加载首屏以下不可见的内容。当用户向下滚动时，将在发生滚动操作时加载内容。
在基于Chromium的网络浏览器中延迟加载iframe的方法相同。网站管理员需要在网站代码中为iframe使用loading ='lazy'属性，以告知浏览器不应立即加载内容。不支持该功能的浏览器将忽略该属性，而支持该功能的浏览器将相应地处理加载。
Google进行了一些测试，以确定iframe延迟加载的效果。它指出以下内容：
- 延迟加载YouTube嵌入内容可以节省大约500 KB的初始页面加载量。
- 在chrome.com上，Google向网页上的YouTube嵌入内容添加了lazy属性后，设法将移动设备上的加载时间减少了10秒。
- 延迟加载Instagram嵌入可在初始加载时节省大约100 KB。
- 延迟加载Spotify嵌入在初始加载时可节省514 KB。
一般而言，屏幕外iframe的延迟加载可节省2-3％的中值数据量，1-2％的第一美颜画法和2％的第一输入延迟。
Google指出，也有可能将加载属性用于网站上的广告。
网站管理员需要指定loading ='lazy'参数，以使支持延迟加载的浏览器将加载推迟到访问内容之前。此外，可以使用“ eager”参数通知浏览器应立即加载内容，并可以使用“ auto”让浏览器做出决定。
Google在Android版Chrome的精简模式下实现了例外。精简模式或数据保护程序模式是Chrome浏览器（Android版）支持的一种特殊模式，旨在通过使用Google服务器更快地加载内容来提高加载性能。如果在Chrome网络浏览器中启用了精简模式，则会自动延迟加载屏幕外的图片和iframe。
结束语
延迟加载的主要目标是加快网站的初始加载。当用户在页面上滚动时，将加载在加载站点时最初未加载的内容。这可能导致某些内容无法立即显示，具体取决于滚动速度以及设备和网络的性能。
现在轮到你： 延迟加载（是或否），您需要做什么？ （通过 Techdows ）