壓縮 JavaScript 檔案能減少酬載大小,並縮短剖析指令碼的時間。Lighthouse 報告的「Opportunity」部分會列出所有未經認可的 JavaScript 檔案,以及壓縮這些檔案後可能節省的 KB 數:
如何壓縮 JavaScript 檔案
壓縮是指移除空白字元和任何程式碼,以建立較小但完全有效的程式碼檔案。Terser 是常用的 JavaScript 壓縮工具。Webpack v4 預設提供這個程式庫的外掛程式,可用來建立壓縮建構檔案。
堆疊專屬指南
Drupal
確認您已在「Administration」 >「Configuration」 >「Development」頁面啟用「Aggregate JavaScript files」。 您也可以透過其他模組設定更進階的匯總選項,透過串連、壓縮及壓縮 JavaScript 資產來提升網站速度。
Joomla
有些 Joomla 擴充功能可以透過串連、壓縮及壓縮指令碼來提升網站速度。此外,有些範本也提供這項功能。
Magento
請使用 Terser 壓縮靜態內容部署作業中的所有 JavaScript 資產,並停用內建的壓縮功能。
回應
如果您的建構系統會自動壓縮 JS 檔案,請確保您部署應用程式的實際工作環境版本。您可以用 React Developer Tools 擴充功能進行檢查。
WordPress
有些 WordPress 外掛程式可以透過串連、壓縮及壓縮指令碼來提升網站速度。您也可以使用建構程序來預先執行這項壓縮作業 (如果可行的話)。