Chrome浏览器增加了一个Image Lazing Loading功能。这个功能是什么意思呢?我们都知道,当使用浏览器打开一个网页的时候,浏览器会自动加载并解析这个网页上的所有内容,包括所有的图片。而有些图片可能在网页的最底部,我们或许根本就看不到它们,但却要付出加载这些图片的带宽和时间。为此,Chrome增加了这样一个Image Lazy Loading的功能,允许我们指定只有当图片显示在界面上的时候才进行加载。有关goole的2019世界I/O大会的详情点这里
指定该属性只需要写一段HTML代码:
<img src="picture_url.png" loading="lazy" />