小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我有两套图片（小图，不大）存放在云数据库，数据表中存放了图片链接，在UI界面通过两个按钮来控制显示那一套图片（每套六张），我的做法是：读取出两套图片的链接存放在两个数组，然后通过按钮来setData，可是这两套图片的切换有明显的延迟，现象如下，初次显示第一套图，点击按钮后，某一两张图片还是第一套的，其他的切换为第二套的，过了大概一秒左右，这一两张图菜切换为第二套，有很明显的延迟，请问这是什么原因？该如何解决呢？谢谢，具体代码如下图：
俩个切换的按钮。
读取数据库的图片链接。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
这个跟图片文件大小有关，跟网络状态有关，跟手机渲染性能也有关。
图片如果比较大，一个几百KB，6个就要几M大小了，按现在的假4G网络和公司假100M的WIFI来算，怎么样也要几秒才能下载完成。
如果手机性能低，这么大的图片渲染也肯定要延迟的。下载延迟加上渲染的延迟。
各方面应该都要优化下。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
图片大小如下：
数据库存储如下：
页面表现如下：
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
这个跟图片文件大小有关，跟网络状态有关，跟手机渲染性能也有关。
图片如果比较大，一个几百KB，6个就要几M大小了，按现在的假4G网络和公司假100M的WIFI来算，怎么样也要几秒才能下载完成。
如果手机性能低，这么大的图片渲染也肯定要延迟的。下载延迟加上渲染的延迟。
各方面应该都要优化下。
如果这里都比较快，那感觉就是渲染的延迟了。
如果就5KB的图，那6张图应该会很快就渲染出来的。
切换也会很快。
image的lazy-load没开启吧？
图片大小如下：
数据库存储如下：
页面表现如下：
我建议你这样吧，用12个image组件。
onload就setData好这12个图片，点推荐出装1，2时hide你需要hide另外6张就好了。