Web 前端效能優化最佳實踐：JavaScript 篇（6 條規則）

JavaScript 優化重在「實踐」，6 條核心規則：

1. 腳本置底：<script> 阻塞渲染，放在 </body> 前。Google Analytics 等非關鍵腳本必置底。
2. JS/CSS 外部檔案：利於快取、壓縮、維護（同 CSS 篇）。
3. 精簡壓縮：移除空白、縮短變數名（同 CSS 篇）。
4. 移除重複腳本：歷史專案常見，團隊交接導致重複引用。
5. 減少 DOM 存取：
   • 快取已存取元素
   • 離線更新節點後再掛入樹
   • 勿用 JS 修正版面（交給 CSS）
6. 智慧事件處理：事件委派減少綁定數量，注意 JS 記憶體洩漏。

理解容易，關鍵在持續執行與回饋改善。