有個別用戶,做好的作品,發現手機上翻頁會出現白色閃屏,或者頁面加入的動畫,全都會閃一下再播放。
首先聲明,這種問題,不屬于程序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.檢查手機是否開啟了省電或節能模式,限制了手機性能導致的。