微信端h5加载时出现页面出现空白

https://img4.mukewang.com/5c481f590001bb1103290509.jpg

目前维护这样一个页面,嵌套在微信的h5端,页面加载一个列表数据,滚动分页效果。

现象:
当前图片较多,较大的时候,在个别手机上浏览,当页面从第一屏往下滚动时,会出现一大片空白,稍等片刻后,页面才加载完成;
再次进入页面,又恢复正常

测试的环境:
IOS10.3.3 微信6.5.15

页面数据加载,通过ajax异步获取,再渲染。
对于图片的处理,我们采用金山云的图片切割(图片是存在金山云)

个人判断:由于第一次图片加载,图片较大加载时间长而阻塞了页面内容的渲染,再次进入的时候读取了缓存,所以正常

问题:
目前还不能十分确定问题所在,上述只是个人的猜测,各位有什么方法可以更好的定位 和 解决问题。


肥皂起泡泡
浏览 2088回答 1
1回答

慕莱坞森

先放一张小图片占位,再通过 js 把真实的图片地址替换 src,那张小图片可以是 loading 的 gif 图,达到 loading 效果
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript