移動端的性能陷阱和加速

1.減小或避免repaint, reflow; repaint即重繪頁面如改變文字顏色,reflow即改變結構,總體能夠理解爲減小DOM操做。css

2.儘可能緩存數據。css3

3.使用CSS3 transform代替dom操做。瀏覽器

4.不要給非position:static添加css3動畫。(會成倍增長瀏覽器開銷)緩存

5.適當的硬件加速。能夠設置transform:translata3d(0,0,0); 。css3動畫

相關文章
相關標籤/搜索