收藏
回答

关于小程序lazy-load

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

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


最后一次编辑于  03-25  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

2 个回答

  • ʚ青哥ɞ
    ʚ青哥ɞ
    03-25

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


    该事件可以检测

    03-25
    赞同
    回复 5
    • 逄金松
      逄金松
      03-25

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

      可以这样理解不?

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

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


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

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

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

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


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

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

      bindload试试效果吧

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

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

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

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

      03-25
      回复