鍍金池/ 問答/HTML5  iOS  HTML/ H5 小游戲在安卓機中延遲卡頓,如何優(yōu)化代碼?

H5 小游戲在安卓機中延遲卡頓,如何優(yōu)化代碼?

開發(fā)一個沒有數(shù)據(jù)與后臺的 H5 小游戲,邏輯并不復雜。
但是真機實測的時候在安卓機上卡頓,幀數(shù)低的令人發(fā)指。

代碼全部開放,右鍵即可。

點擊進入測試地址 ( PC 建議打開調試模式)

在 iOS 與 PC 中運行無壓力,但是在 Android 運行壓力很大。

下圖為安卓真機實測(備注:在谷歌瀏覽器中運行無卡頓):
圖片過大,點擊跳轉查看

下視頻為 iOS 真機實測:
視頻過大,點擊跳轉查看

回答
編輯回答
貓館

壓縮圖片,色系比較足可以考慮壓縮成jpg會小一點
預設好dom 使用opacity +transform 配合translateZ與will-change
防止頻繁重繪(隨手看了下你這個渲染,一片綠油油 ==)

2017年5月18日 01:35