在设置lazy-load属性为true后 查看wxml结构 lazy-load="" 我用的wepy框架开发,怎么才能判断懒加载是有效的 , 在调试器Network 也看不到图片加载的请求
< view > < imagelazy-load = "" mode = "aspectFill" src = "http://img.hb.aicdn.com/c922674eb569b9d1b8c55284e601eba57a36bc35c94c5-QtBUkR_fw658" ></ image > </ view > |
文档上说在page或者scroll-view下才有效 这个解释有点模糊没太明白
可以在<image>标签添加bindload函数,然后在控制台中查看加载进度。
参考代码片段:wechatide://minicode/UayKyrmq7Ra2
试了下,lazy-load还是挺有效的。
设置lazy-load为true之后,系统只会加载当前屏幕和下一屏幕的图片;下下屏及之后的图片,需要滚动之后才会按需加载。
如果一下子滚到底部的话,图片区域会空白,然后才慢慢显现内容,而不会有loading图标之类的占位提示。
小程序的lazy-load是加载了两屏的图片?还是当前页面的图片加下面一个元素的图片?
试验结果,应该是两屏
看效果好像是加载两屏