Asset Optimizerを有効にして設定します

Version: 10.1
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Asset Optimizerモジュールは、CSSスタイルとJSスクリプトを最適化します。本番環境で有効にすると、Asset Optimizerは、転送する必要があるデータの量を減らすことで、サイト全体のパフォーマンスを向上させます。Sitecore管理者は、この機能をSitecoreインスタンス全体に対してグローバルに、または選択したサイトに対してローカルに有効にすることができます。

メモ

アセットオプティマイザーを開発環境で無効にし、本番環境で有効にすることをお勧めします。

フロントエンド開発者は、事前にコンパイルされたCSSおよびJSファイルであるpre-optimized-minファイルを使用して、Sitecoreデータベースの外部でSXAソリューションのスタイルを作成できます。この場合、pre-optimized-minファイルはoptimized-minファイルと通常のアセットを置き換えます。

テーマのスタイルフォルダとスクリプトフォルダにoptimized-min 、カスタム、pre-optimized-minの両方が存在する場合、次の表では、アセットオプティマイザーを有効または無効にしたときに提供されるファイルについて説明します。

手記

Asset OptimizerはES6と互換性がありません。ES6を使用している場合は、SXA CLIを使用して最適化します

シナリオ

Asset Optimizerの有効化または無効化

使用ファイル

事前最適化-分

Using pre-optimized-min only.

有効

事前最適化最小

無効

事前最適化-分

pre-optimized-minとその他

Using pre-optimized-min and custom styles.

有効

事前最適化-分

無効

事前最適化-分

optimized-minとその他

Using optimized-min and custom styles.

有効

最適化最小

無効

習慣

Asset Optimizerをグローバルに有効または無効にする

オプティマイザをグローバルに有効または無効にするには:

  • コンテンツ エディターで/sitecore/system/Settings/Foundation/Experience Accelerator/Theming/Optimiserに移動し、スクリプト と スタイル の両方でConcatenate and Minifyを選択してすべてのファイルを縮小し、それらを1つのファイルに連結します。

    Asset Optimizerをグローバルに無効にするには、Disableを選択して、スクリプトとスタイルの縮小とバンドルをオフにします

    手記

    クエリ文字列にaodisable=1を追加して、要求の資産最適化をオフにします。

    一部のSXAバージョンでは、aodisable=1を使用できるようにするには、Sitecore.XA.Foundation.Theming.configファイルのXA.Foundation.Theming.AssetsOptimizationSwitch.Enabled設定を有効にする必要があります。

特定のサイトの最適化設定を変更する

特定のサイトの最適化設定を変更するには:

  1. コンテンツ エディターで、sitecore/content/<Tenant>/<Site>/Presentation/Page Designsに移動します。

  2. Asset OptimizationセクションのStyles Optimizing EnabledフィールドとScripts Optimizing Enabledフィールドで、スタイルとスクリプトの最適化設定を上書きするには、以下を選択します。

    • Default – グローバル設定を継承します。

    • Yes –このサイトの最適化を常に有効にします。

    • No –このサイトの最適化を常に無効にすること。

特定のテーマの最適化設定を変更する

特定のテーマの最適化設定を変更するには:

  1. コンテンツ エディターで/sitecore/Media Library/Themesに移動し、アセット オプティマイザーを有効または無効にするテーマをクリックします。

  2. ThemeセクションのModeフィールドで、以下を選択します。

    • Inherit from site - サイトから設定を継承するため。

    • Inherit from system - グローバル設定を継承します。

    • Off - このテーマの最適化を無効にします。

    • On - このテーマの最適化を有効にします。

CSSファイルを縮小から除外する

たとえば、AjaxMinライブラリがCSSファイル内のすべての構文をサポートしているわけではないため、Asset Optimizerによる縮小から特定のCSSファイルを除外することができます。

ファイルを縮小から除外するには:

  1. Media Libraryフォルダで、除外するCSSファイルに移動します。

  2. CSSファイルを右クリックし、「 Scripts」、「 Convert to unminified file」の順にクリックします。

    CSSファイルは引き続きoptimized-min.cssファイルに含まれていますが、その内容は縮小されません。

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、