在 chrome://flags 里找到 #enable-lazy-image-loading 然后 Enable。就可以用下面这样的代码实现快要滚动到显示区域时才加载图片。
<img loading="lazy" src="..." />
See also:
在 chrome://flags 里找到 #enable-lazy-image-loading 然后 Enable。就可以用下面这样的代码实现快要滚动到显示区域时才加载图片。
<img loading="lazy" src="..." />
See also:
|
qq316107934Jun 14, 2019
1
赞,以后懒加载不需要引用额外的 JS 了,就是这个特性上的太晚,兼容性堪忧,拓展到其他平台和浏览器估计要等上一年。
|
|
Terry05Jun 14, 2019
2
可是。。。这个特性只有 Chrome 才支持的吗
|
|
66betaJun 14, 2019 via Android
4
这才是龙头企业该做的事情
|
|
liaoyaohengJun 14, 2019
5
|
|
agagegaJun 14, 2019 via iPhone
7
Firefox:我们马上跟进
|
|
8
不知道这个特性最终是怎样的,假设页面包含大量图片,正常匀速滚动,如果上面的图还没加载出来,直接滚到下面等下面的图,这个时候上面的图加载出来了会挤下面图的位置,这个时候,页面图片加载挤的你就不知道你刚才停留的位置在哪,要找的图在哪,页面自己在动
尤其是在图片加载不够快,你滚动的频繁的情况下 |
|
ErskineJun 14, 2019 via Android
9
必须赞
|
|
JerryBeanJun 14, 2019
11
只希望 chrome 的 bfcache 尽快上
|