.

8.预加载页面

老赵发表于:2016年01月21日 11:39:28更新于:2019年04月24日 18:49:59

一、应用场景

如果H5作品里素材比较大,由于网络环境等因素,无法把当前页面的图片素材一次加载到位、就容易碰到卡顿缺图或者图片没有加载完整的情况,体验很不好。

为此,Epub360平台提供了“预加载页面”的触发动作,可以在合适的时机,对后续页面的素材预先加载,确保作品播放的体验完整性。

image.png


二、功能设置

1.通常需要先制作一个“加载进行中...”的Loading提示动画(并且对该加载页面本身进行分组,防止用户滑动跳转到下一页)
image.png


2.比如说,在切换到某一页时,添加“预加载页面”触发动作,同时执行这个动画,提示用户正在加载剩余的内容。加载完成后再跳转

image.png


3.可以设置对第2~4页预先加载,设置方法如下图

00156a052803b13ae4888bf2c085bdc 


5.也可以选择逐页加载,在每一页都设置预加载页面,比如在页面4预加载页面5的内容,不要在页面4再去预加载当前页面4或者之前的面内容,这样的加载意义不大。利用好预加载,会帮助我们解决素材带来的诸多问题。



--------- 不了解设计的程序员不是好客服 ---------------

回复(5)