微信小程序image标签的lazy-load不起作用

Question

官方文档里说：图片懒加载。只针对page与scroll-view下的image有效。然后页面里我只写了几个image标签，设置上lazy-load，然后滚动页面感觉没效果啊。小程序自带的懒加载应该是什么效果？我的到底生效了吗？求教

Answer 1

效果的话平时是感受不出来的，网络特别慢的时候很明显，往下滚动图片是空白的，过一会才出来。

我在scroll-view里用的很好。不用scroll-view感觉好像不生效。

我对于官方的说明非常的不理解，每个页面最外层都是page呀，image不在page里还能在哪里？

lz可以用大点的图片来测试，比如手机拍出来的4、5M的大图。

打开页面等十几秒，然后往下滚动。

如果lazy-load生效，应该看到空白图慢慢加载出来；如果不生效，就直接看到图片了。

需要注意一点，lazy-load为了提升用户体验，会多加载两三张图。如果滚动的慢，也是看不出来效果的。

比较可惜的是小程序IDE里，Network居然看不到图片资源加载的记录。否则可以通过Network里验证lazy-load.

Answer 2

你期待的效果和实际的效果是怎么样的？

Answer 3

小程序懒加载需要在 图片进入一定范围（上下三屏）时才开始加载。 也就意味着当你的图片不足三屏的时候，比如一开始所有图片都没加载出来的时候，image的节点都在可视范围内，这时候很有可能一次性都加载了。
你可以在可视范围内设置一个大的空白节点，把所有图像节点“挤出”可视范围，这个时候再看看有没有懒加载。