注册

关于手机上翻页闪屏,或者动画闪屏问题解答

站外使用2021-08-28
4368

有个别用户,做好的作品,发现手机上翻页会出现白色闪屏,或者页面加入的动画,全都会闪一下再播放。

首先声明,这种问题,不属于程序BUG,也不属于程序性能优化问题。

 

问题的原因:

个人手机配置偏低,或手机硬件老化导致。

 

为什么会出现?

因为电子杂志/电子书是属于富媒体单页APP,虽然也是网页,但是比普通网页要复杂万倍以上,每一个操作,每一个动画,背后都有大量的运算,特别是翻页时,和播放H5动画时,通常需要在2D渲染模式和3D渲染模式之间来回切换,是比较消耗性能的,所以这种电子杂志会比普通网页消耗更多性能。虽然很消耗性能,经过测试,目前市面上90%以上的手机播放电子杂志都是没有性能压力的,随着科技的发展,这点性能压力更是九牛一毛,所以无需纠结个别低配手机闪屏问题,因为目前除了换新手机,是没有更好的解决方案的

 

不能再优化优化吗?

性能的优化一直是我们考虑的重点,FLBOOK一开始的设计理念就是轻量,从来不会增加一些鸡肋功能,而且电子杂志的渲染模式是一次渲染6页,少于6页将无法成书,幻灯模式下一次渲染3页,已经优化到极致。

 

关于作品如何优化?

1.减小页面尺寸,建议减小到1000像素以下(页面尺寸是最消耗算力的,如果不考虑做印刷,最好控制在800像素以下);

2.减少页数,最佳页数40页以内(虽然一次加载6页,但是页面会先保存在手机内存中,如果手机内存老化,会导致数据的读取变慢);

3.降低页面图片尺寸,减少页面图片数量(如果不考虑印刷,图片尺寸应小于页面尺寸);

4.减少动画的使用,或者不使用动画(动画会让手机的渲染模式在2D渲染模式和3D渲染模式[即GPU加速],之间来回切换,硬件老化的手机可能会出现闪屏现象);

5.减少云字体的使用,大量使用云字体会加重手机渲染负担;

6.减少GIF动画/音频/视频的使用,同样会给手机渲染增加负担;

7.页面内减少滚动条的使用,大量使用滚动条加重手机渲染负担尤为明显;

8.检查手机是否开启了省电或节能模式,限制了手机性能导致的。

Copyright © 2024 陕西妙网网络科技有限责任公司 All Rights Reserved

增值电信业务经营许可证:陕B2-20210327 | 陕ICP备13005001号 陕公网安备 61102302611033号