收藏
回答

小程序请求图片,图片会闪烁的问题怎么解决?

其实我上一个问题也是问的这个,当时我以为这个是不能避免的。

我请求src地址(我的图片在阿里云的oss),拉取数据,数据有大小,请求有响应时间,那就必然闪。

(闪烁的意思是,进入页面,会有短暂的空白时间,等请求到了数据,才会把图片补进去)

但我发现了几张图片,它不闪。我贴其中一个的链接上来

https://image.weilanwl.com/color2.0/plugin/wdh2236.jpg

就是这张图片,src里填这个,就不会有闪烁,而我把这张图片下载了,然后上传到我自己的oss之后,放到我的程序里(排除了域名原因)

我oss也开了加速了,和他一模一样的图,我的就会有短暂的闪,而他的这张图片就不闪,我实在是不明白是什么原因……

这就是请求速度,下面两个就是我的,其中最后一个的,就是和它一样的图,我上传到我的oss里的。

最后一次编辑于  03-23
回答关注问题邀请回答
收藏

1 个回答

  • 做你的太阳ღ₅₂₀¹³¹⁴
    做你的太阳ღ₅₂₀¹³¹⁴
    03-23

    写个代码片段,包含闪的图加不闪的。https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    03-23
    赞同
    回复 6
    • 木木
      木木
      03-23
      谢谢~稍等片刻~
      03-23
      回复
    • 做你的太阳ღ₅₂₀¹³¹⁴
      做你的太阳ღ₅₂₀¹³¹⁴
      03-23回复木木
      先加个lazy-load看看
      03-23
      回复
    • 木木
      木木
      03-23回复做你的太阳ღ₅₂₀¹³¹⁴
      ……刚才给你写demo的时候,我想我可能发现问题了。我用了我另一个测试的bucket的oss,速度完全没问题……我线上小程序阿里云bucket流量差不多是10个G,然后……应该是被阿里云限速了……
      03-23
      回复
    • 做你的太阳ღ₅₂₀¹³¹⁴
      做你的太阳ღ₅₂₀¹³¹⁴
      03-23回复木木
      额。。。所以问题是解决了 - -😂 10个G是免费的额度吧。
      03-23
      回复
    • 木木
      木木
      03-23回复做你的太阳ღ₅₂₀¹³¹⁴
      没有,但我知道问题了。我刚才又测了下,因为我测试的oss和我在同一个城市,所以很快吧,我小程序线上的不在这个城市。但我的用户分布在全国,我又不能直接改到我的城市,其他人用起来就应该很慢了。我需要重新建一个bucket,高级一点的,那种支持异地加速的,就应该不闪了。
      03-23
      回复
    查看更多(1)
登录 后发表内容
问题标签