(1)最小化DOM訪問,在javascript端作儘量多的事。javascript
(2)在反覆訪問的地方使用局部變量存放DOM引用。java
通常來講,對於任何類型的DOM 訪問,若是同一個DOM 屬性或方法被訪問一次以上,最好使用一個局部變量緩存此DOM 成員。當遍歷一個集合時,第一個優化是將集合引用存儲於局部變量,並在循環以外緩存length 屬性。而後,若是在循環體中屢次訪問同一個集合元素,那麼使用局部變量緩存它。緩存
(3)可能的話,使用速度更快的API,諸如querySelectorAll()和firstElementChild。佈局
(4)注重重繪和重排版:批量修改風格,離線操做DOM樹,緩存並減小對佈局信息的訪問。優化
(5)動畫中使用絕對座標,使用拖放代理。動畫
(6)使用事件代理spa