問題描述

測(cè)試用機(jī)是米3。做的一個(gè)場(chǎng)景動(dòng)畫，iphone4下都很流暢，而安卓機(jī)跪了，尤其集中在面積較大的動(dòng)畫執(zhí)行上，米3慘不忍睹，MOTO G稍微好一點(diǎn)，大家有什么好建議嗎

問題解答

回答1：

按下面順序優(yōu)化一遍吧：

是否導(dǎo)致layout如果是，盡可能將動(dòng)畫元素absolute化以避免影響文檔樹，造成大面積重新計(jì)算layout。是否啟用硬件加速“用到了CSS3動(dòng)畫”和“開啟了硬件加速”是兩件事情，雖然前者有可能導(dǎo)致后者。開啟硬件加速在webkit中有神奇的萬金油：opacity: 1;或者-webkit-backface-visibility: hidden;。是否是有高消耗的屬性（css shadow、background-attachment: fixed等）有的話，圖片也是一種選擇。這算得上是用空間換時(shí)間的優(yōu)化了。repaint的面積如果是，只好縮小動(dòng)畫面積了。這一步的優(yōu)化有限，基本上還是依賴于上面三者

翻墻讀一下High Performance Animations吧：