收藏
回答

关于小程序lazy-load

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug lazy-load 客户端 7.0.3 2.4.2

最近在做商品列表的功能,上拉有很多图片和标题之类的,图片加了lazy-load 属性,不过一点也看不出来 有主流lazyload的那种加载过程,不知道对性能有没有优化,所以想问问在座的各位大神,小程序自带的lazy-load真的对性能有优化么?怎么能检测出来?运行机制是什么?


回答关注问题邀请回答
收藏

3 个回答

  • 少昊~
    少昊~
    2023-11-28

    https://gitee.com/shaoxiaohao/lazy-load-wechat

    写了个demo,可以看下

    2023-11-28
    有用
    回复
  • ʚ青ɞ
    ʚ青ɞ
    2019-03-25

    小程序懒加载会多加载一个屏幕, 不是滑动该图片才开始加载


    该事件可以检测

    2019-03-25
    有用
    回复 5
    • 逄金松
      逄金松
      2019-03-25

      那我上拉加载下一页的情况下,我默认进来的第一波数据就差不多两个屏幕的高度了。然后拉到底再加载下一页,那这样的情况下岂不是 我第一次加载第一波数据的时候就把第一波请求的 图片都加载出来了,那样性能上应该也不会有啥优化了。。

      可以这样理解不?

      2019-03-25
      回复
    • 逄金松
      逄金松
      2019-03-25

      意思是 我如果一共就有两屏的图片,岂不是没有意义。。


      2019-03-25
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-03-26回复逄金松

      你可以用bindload动手试试,两个屏的内容也不多呀

      2019-03-26
      回复
    • 逄金松
      逄金松
      2019-03-26回复ʚ青ɞ

      大神的意思就是两屏数据其实也没啥必要用延迟加载么。


      2019-03-26
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-03-26回复逄金松

      两个屏一出来就开始加载了,懒加载没用上。

      bindload试试效果吧

      2019-03-26
      回复
  • 拾忆
    拾忆
    2019-03-25
    就是打开页面的时候没在显示区域的图片默认是不加载的,当你滑倒未显示区域的时候才加载图片,应该能看到显示图片的位置先空白然后才有图片
    2019-03-25
    有用
    回复 2
    • 逄金松
      逄金松
      2019-03-25

      嗯 你说的这种应该是传统的 懒加载 通过屏幕位置来 加载图片,能看到从没有图片到显示图片的过程,不过小程序的不知道是不是为了视觉效果更好,预先加载了两屏的图片,反正是看不到图片从无到有的过程的,用网上的方法也看到lazy-load确实是起作用了,可是领导认为看不到加载过程就是没起作用,对性能没有优化。。

      2019-03-25
      回复
    • 卢霄霄
      卢霄霄
      2019-03-25回复逄金松

      你需要用3g网络配大图来验证。。

      2019-03-25
      回复
登录 后发表内容