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

概要

Optimizer を Sitecore インスタンス全体に対してグローバルに有効にするか、選択したテナントに対してローカルに有効にします。

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

注記

開発環境では Asset Optimizer を無効にし、本番環境では有効にすることをお勧めします。

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

optimized-minpre-optimized-min (カスタムまたはカスタム以外) の両方がテーマのスタイルおよびスクリプトフォルダーに存在する場合、次の表は Asset Optimizer を有効または無効にした場合に、どちらのファイルが使用されるかを説明しています。

注記

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

シナリオ

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

使用されるファイル

事前に最適化された最小化

事前に最適化された最小化のみを使用。

有効

事前に最適化された最小化

無効

事前に最適化された最小化

事前に最適化された最小化およびその他

事前に最適化された最小化とカスタム スタイルを使用。

有効

事前に最適化された最小化

無効

事前に最適化された最小化

事前に最適化された最小化およびその他

事前に最適化された最小化とカスタム スタイルを使用。

有効

optimized-min

無効

カスタム

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

  • コンテンツ エディターで、/sitecore/システム/設定/Foundation/エクスペリエンス アクセラレーター/Theming/オプティマイザーに移動し、スクリプトとスタイルの両方で [Concatenate と Minify] を選択して、すべてのファイルを最小化して 1 つのファイルに連結します。

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

    注記

    リクエストのアセット最適化をオフにするには、クエリ文字列に aodisable=1 を追加します。

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

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

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

  2. [アセット最適化] セクションの "スタイル最適化を有効化" フィールドと "スクリプト最適化を有効化" フィールドで、スタイルとスクリプトの最適化設定を上書きするには、次を選択します。

    • デフォルト – グローバル設定を継承します。

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

    • いいえ – このサイトの最適化を常に無効にします。

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

  1. コンテンツ エディターで、/sitecore/メディア ライブラリ/テーマ に移動し、Asset Optimizer を有効または無効にするテーマをクリックします。

  2. [テーマ] セクションの "モード" フィールドで以下を選択します。

    • サイトから継承 - サイトから設定を継承します。

    • システムから継承 - グローバル設定を継承します。

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

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

たとえば、AjaxMin ライブラリは CSS ファイル内のすべての構文をサポートしていないため、特定の CSS ファイルを Asset Optimizer による最小化から除外したい場合があります。

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

  1. メディア ライブラリ フォルダーで、除外する CSS ファイルに移動します。

  2. CSS ファイルを右クリックし、[スクリプト] をクリックして、[Minify されていないファイルに変換]をクリックします。

    CSS ファイルは [optimized-min.css] ファイルに含まれたままですが、その内容は最小化されません。