減少動畫元素
減少動畫元素，是動畫性能優(yōu)化中首先需要完成的。通過審查頁面動畫 DOM 元素結構，去除不必要的動畫元素，減少元素的數(shù)量，相應地會減少布頁面局和繪制的時間。
盡量使用 fixed、absolute 定位
對于動畫元素，盡量使用用 fixed、absolute 定位方式，避免影響到其他節(jié)點重排。
盡量只改變transform和opacity
能用 transform、opacity 優(yōu)先使用，其屬性的改變不會發(fā)生重排和重繪。如位移操作的，可以使用translate 來實現(xiàn)，漸隱漸現(xiàn)效果可以使用 opacity 屬性來實現(xiàn)。
恰當開啟硬件加速效果
對動畫元素應用transform: translate3d(0, 0, 0)、will-change: transform等來開啟硬件加速。通常開啟硬件加速可以讓動畫變得更加流暢。但這里需注意，在不需要的時候需去掉避免過多的內存消耗。
transform: translate3d(0, 0, 0);transform: translateZ(0);will-change: transform;
