文件Commerce實施行動手冊

[僅限PaaS]{class="badge informative" title="僅適用於雲端專案(Adobe管理的PaaS基礎結構)和內部部署專案的Adobe Commerce 。"}

最佳化資源檔案

Last update: Mon Apr 06 2026 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

  • 經驗豐富
  • 開發人員

若要獲得回應速度較快的Commerce網站，請最佳化CSS和JavaScript (JS)資源檔案，並消除阻礙轉譯器的資源。

  • 最佳化CSS和JS檔案 — 透過設定Adobe Commerce以精簡和組合檔案，減少載入CSS和JavaScript (JS)檔案所需的時間。
  • 消除轉譯器封鎖資源 — 請考慮傳遞重要的JS和CSS功能內嵌，並延遲所有非重要的JS/CSS樣式。 如需指引，請參閱消除轉譯器封鎖的資源。

受影響的產品和版本

所有支援的版本，2.3和更新版本：

  • 雲端基礎結構上的Adobe Commerce
  • Adobe Commerce內部部署

合併或縮制CSS檔案

將CSS和JavaScript (JS)檔案合併、縮制及繫結至單一檔案，可減少載入CSS和JS檔案的時間。

IMPORTANT
雲端基礎結構上的Adobe Commerce一律會在生產模式中執行，否則無法進行設定，因此您必須使用命令列方法來啟用合併、縮制和整合。

如果您的部署使用HTTP/2，請勿合併或合併檔案。 HTTP/2會以非同步方式下載靜態檔案。 瀏覽器必須先下載整個合併的檔案，才能處理檔案內容。

使用Admin

若要啟用CSS合併或縮制，請前往「Admin > Stores > Settings > Configuration > Advanced > Developer > CSS Settings」。

使用命令列

若要在雲端基礎結構的Adobe Commerce中啟用CSS合併功能：

  1. 在本機執行此命令：

    code language-bash 
    bin/magento config:set --lock-config dev/css/merge_css_files 1

  2. 認可對app/etc/config.php檔案的變更並重新部署。

若要在雲端基礎結構上的Adobe Commerce中啟用CSS縮制：

  1. 在本機執行此命令：

    code language-bash 
    bin/magento config:set --lock-config dev/css/minify_files 1

  2. 認可對app/etc/config.php檔案的變更並重新部署。

縮制JS檔案

使用Admin

在Admin側邊欄上，前往​Stores > Settings > Configuration > Advanced > Developer > JavaScript Settings。

使用命令列

若要在雲端基礎結構上的Adobe Commerce中啟用JS縮制：

  1. 在本機執行此命令：

    code language-bash 
    bin/magento config:set --lock-config dev/js/minify_files 1

  2. 認可對app/etc/config.php檔案的變更並重新部署。

捆綁JS檔案

您可以在Commerce Admin中啟用組合： Stores > *Settings > Configuration > Advanced > Developer > JavaScript Settings。

NOTE
無法同時啟用合併和整合。

您也可以從命令列啟用Adobe Commerce內建套件組合（基本套件組合）：

php -f bin/magento config:set dev/js/enable_js_bundling 1

合併JS檔案（不建議） merge-js-files

WARNING
我們不建議啟用​Merge JavaScript Files。 此設定僅針對頁面的​ HEAD ​區段中同步載入的JavaScript而設計，可能會導致套件組合和RequireJS邏輯無法正確運作。 其保留目的僅在於回溯相容性，啟用HTTP/2時無法提供效能優勢。
如果您已啟用​ Merge JavaScript Files ​且遇到問題，請嘗試在套用任何修補程式之前先停用它。 如果無法停用合併，請參閱ACSD-67908。

其他資訊

recommendation-more-help
754cbbf3-3a3c-4af3-b6ce-9d34390f3a60