アセットオプティマイザー
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
本番環境では、SXAアセットオプティマイザーはCSSスタイルやJavaScriptを最適化し、転送すべきデータ量を減らすことでエンドユーザー体験を向上させます。
SXAでは、レンダリングやその他のフロントエンド機能が、フロントエンド機能がコンポーネントレベルで分割されている傾向のあるテーマに保存されたファイルにスタイリングまたはスクリプト化されます。これによりフロントエンド開発は容易になりますが、本番環境では提供すべきファイル数が許容できない場合があります。多数の小さなファイルが存在すると性能が低下し、古いブラウザでも問題を引き起こすことがあります。したがって、本番環境でAsset Optimizerを有効にする ことを推奨します。Sitecore管理者は、このモジュールを全体的にSitecoreインスタンス全体で有効にするか、特定のサイトに対してローカルで有効化できます。
アセットオプティマイザーは以下のルールに従って資産をグループ化します:
- 同じフォルダから来るアセット。
- 同じ拡張を持つ資産です。
各グループのアセットは1つのアセットに連結され、サーバー上でキャッシュされます。マークアップ内の個々のアセットへの参照は、各グループごとに1つのリファレンスに置き換えられ、以下のようになります:
- 参照パスは最初のアセットと同じフォルダパスから始まります。
- 参照パスは最初のアセットと同じ拡張で終わります。
- リンクタグは初期資産と同じメディア属性の値を持ちます。
以下のコードサンプルは、ページ上で各アセットが別々に参照されている1つのテーマのみのサンプルマークアップです。
アセットオプティマイザーが有効の場合、前述のHTMLコードサンプルのすべてのリンクは別のテーマファイルにまとめられます。
!注リクエストのアセット最適化をオフにするにはクエリ文字列にaodisable=1を追加します。SXAバージョンによっては、aodisable=1を使うにはSitecore.XA.Foundation.Theming.configファイルのXA.Foundation.Theming.AssetsOptimizationSwitch.Enabled設定を有効にする必要があるかもしれません。