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

Question

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

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

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

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

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

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

Answer 1

先放一张小图片占位，再通过 js 把真实的图片地址替换 src，那张小图片可以是 loading 的 gif 图，达到 loading 效果

Answer 2

当你图片多又不能减的时候，要么延迟加载，要么加个loading优化体验，说实话，H5页面第一屏图片放太多是不对的。

Answer 3

图片预加载试试；