最佳化資源檔案

Last update: Thu Apr 18 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

建立對象：

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

最佳化CSS和JS檔案 — 藉由設定Adobe Commerce將個別檔案合併、縮制及繫結至單一檔案，減少載入CSS和JavaScript (JS)檔案所需的時間。
消除轉譯器封鎖資源 — 考慮內嵌提供關鍵JS和CSS功能，並延遲所有非關鍵JS/CSS樣式。如需指引，請參閱消除轉譯器封鎖資源.

受影響的產品和版本

將CSS和JavaScript (JS)檔案合併、縮制和整合為單一檔案，可減少載入檔案所花的時間。

IMPORTANT

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

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

若要啟用CSS合併或縮制，請移至 管理員 > 商店 > 設定 > 設定 > 進階 > 開發人員 > CSS設定.

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

在本機執行此命令：

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

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

在本機執行此命令：

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

在 管理員 側欄，前往商店 > 設定 > 設定 > 進階 > 開發人員 > JavaScript設定.

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

在本機執行此命令：

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

您可以在Commerce管理中開啟合併或套件組合（合併和套件組合無法同時啟用）：商店 > 設定 > 設定 > 進階 > 開發人員 > JavaScript設定.

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

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

recommendation-more-help

754cbbf3-3a3c-4af3-b6ce-9d34390f3a60