程式碼層面：避免使用css表示式，避免使用高階選擇器，通配選擇器。 快取利用：快取Ajax，使用CDN，使用外部js和css檔案以便快取，新增Expires頭，服務端配置Etag，減少DNS查詢等 請求數量：合併樣式和指令碼，使用css圖片精靈，初始首屏之外的圖片資源按需載入，靜態資源延遲載入。 請求頻寬：壓縮檔案，開啟GZIP， 程式碼層面的優化

• 用 hash-table 來優化查詢
• 少用全域性變數
• 用 innerHTML 代替 DOM 操作，減少 DOM 操作次數，優化 javascript 效能
• 用 setTimeout 來避免頁面失去響應
• 快取DOM節點查詢的結果
• 避免使用CSS Expression
• 避免全域性查詢
• 避免使用with(with會建立自己的作用域，會增加作用域鏈長度)
• 多個變數宣告合併
• 避免圖片和iFrame等的空Src。空Src會重新載入當前頁面，影響速度和效率
• 儘量避免寫在HTML標籤中寫Style屬性

移動端效能優化 儘量使用css3動畫，開啟硬體加速。適當使用 touch 事件代替 click 事件。避免使用 css3 漸變陰影效果。可以用 transform: translateZ(0) 來開啟硬體加速。（見下面的詳細解釋）不濫用Float。Float在渲染時計算量比較大，儘量減少使用不濫用Web字型。Web字型需要下載，解析，重繪當前頁面，儘量減少使用。合理使用requestAnimationFrame動畫代替setTimeoutCSS中的屬性（CSS3 transitions、CSS3 3D transforms、Opacity、Canvas、WebGL、Video）會觸發GPU渲染，請合理使用。過渡使用會引發手機過耗電增加PC端的在移動端同樣適用