壓縮 JavaScript

壓縮 JavaScript 檔案能減少酬載大小,並縮短剖析指令碼的時間。Lighthouse 報告的「Opportunity」部分會列出所有未經認可的 JavaScript 檔案,以及壓縮這些檔案後可能節省的 KB 數

Lighthouse Minify JavaScript 稽核的螢幕截圖

如何壓縮 JavaScript 檔案

壓縮是指移除空白字元和任何程式碼,以建立較小但完全有效的程式碼檔案。Terser 是常用的 JavaScript 壓縮工具。Webpack v4 預設提供這個程式庫的外掛程式,可用來建立壓縮建構檔案。

堆疊專屬指南

Drupal

確認您已在「Administration」 >「Configuration」 >「Development」頁面啟用「Aggregate JavaScript files」。 您也可以透過其他模組設定更進階的匯總選項,透過串連、壓縮及壓縮 JavaScript 資產來提升網站速度。

Joomla

有些 Joomla 擴充功能可以透過串連、壓縮及壓縮指令碼來提升網站速度。此外,有些範本也提供這項功能。

Magento

請使用 Terser 壓縮靜態內容部署作業中的所有 JavaScript 資產,並停用內建的壓縮功能。

回應

如果您的建構系統會自動壓縮 JS 檔案,請確保您部署應用程式的實際工作環境版本。您可以用 React Developer Tools 擴充功能進行檢查。

WordPress

有些 WordPress 外掛程式可以透過串連、壓縮及壓縮指令碼來提升網站速度。您也可以使用建構程序來預先執行這項壓縮作業 (如果可行的話)。

資源