·?HTML使用Viewport
Viewport可以加速頁面的渲染,請使用以下代碼
__
· 減少Dom節點
Dom節點太多影響頁面的渲染,應盡量減少Dom節點
· 動畫優化
a) 盡量使用CSS3動畫
b) 合理使用requestAnimationFrame動畫代替setTimeout
c) 適當使用Canvas動畫?5個元素以內使用css動畫,5個以上使用Canvas動畫(iOS8可使用webGL)
· 高頻事件優化
Touchmove、Scroll 事件可導致多次渲染
a) 使用requestAnimationFrame監聽幀變化,使得在正確的時間進行渲染
b) 增加響應變化的時間間隔,減少重繪次數
· GPU加速
CSS中以下屬性(CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video)來觸發GPU渲染,請合理使用
PS:過渡使用會引發手機過耗電增加