AEM サイトキャッシュの最適化

private - Cache-Control ヘッダーの private ディレクティブでは、ファイルが CDN などの中間キャッシュではなく、ブラウザーにのみキャッシュされるようにします。 このディレクティブは、ページにパーソナライズされたユーザー固有のコンテンツが含まれる場合に使用すると効果的です。

使用例： Cache-Control: max-age=300, private

s-maxage - Cache-Control ヘッダーの s-maxage ディレクティブを使用すると、CDN などの共有キャッシュに異なる TTL を設定できます。 この値が設定されている場合、ブラウザーは max-age で設定されたものを使用し、他のキャッシュは代わりに s-maxage の設定を適用します。

使用例： Cache-Control: max-age=600, s-maxage=300

をサポートする CDN を使用する stale-while-revalidate および stale-if-error 内のディレクティブ キャッシュコントロール ヘッダー。

• stale-while-revalidate – このディレクティブは、キャッシュファイルの有効期限が切れた後に新しいバージョンを取得する間、ファイルの古い（既にキャッシュされている）バージョンを提供するように CDN に指示します。
• stale-if-error – 同様に、このディレクティブは、オリジンが再検証中にエラーを返した場合に、ファイルの古い（既にキャッシュされている）バージョンを提供するように CDN に指示します。

事前に圧縮されていないすべてのファイルタイプの応答を GZip で圧縮します。

これは、Dispatcher レベルから実行する必要があります。 これにより、CDN に送信されるバイト数を確実に減らすことができます。 CDN は通常、転送されたバイト数で課金されるため、応答を圧縮するとコストが削減されます。

• Dispatcher レベルで GZip 圧縮を有効にする：Apache - mod_deflate の使用. mod_deflate の Vary の使用には注意してください。 場合によっては、Vary ヘッダーが原因で、CDN とブラウザーがキャッシュを完全にスキップすることがあります。

• Microsoft IIS – 使用 動的圧縮.

• 大きなファイルや既に圧縮されているファイルの gzip 圧縮は許可しないでください。 ほとんどの画像およびビデオ形式は、既に圧縮済みです。 Web サーバーレベルでその場で圧縮すると、パフォーマンスに非常に高いコストがかかります。

  • Apache では、AddOutputFilterByType ディレクティブ（AddOutputFilterByType ディレクティブ） DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript を使用して実行できます。
  • IIS では、次を介して制御できます < dynamicTypes> 設定。

• CDN プロバイダーがをサポートしている場合 エッジサイドインクルード （ESI）次に、この機能を活用します。 AEM コンポーネントは、ESI を使用して分割できます。 それには、Apache を使用します \[ Sling ダイナミックインクルード\] またはカスタムソリューションを実装します。 これは、かなり静的なページであっても、ページの一部でより動的なコンテンツを提供している場合に便利です。 このような場合、基本的にページを複数の CDN ファイルに分割します。 これにより、ページの様々な部分を異なる期間キャッシュできます。

AEMでデフォルトとして設定されていない HTTP 応答ヘッダーを以下のように設定します。

1. キャッシュコントロール : max-age=… – このヘッダーを設定するには ACS Commons - Dispatcher TTL を使用するか、カスタムコードを実装して設定できます。
2. 最終変更日 – 記事など、ページコンテンツが比較的静的な場合は、last-modified ヘッダーを cq:lastModified 日時（記事が最後に変更された日時）に設定できます。 ただし、ページが動的で、JCR クエリ結果がコンポーネントコンテンツに含まれる場合は、現在の日付/時刻を使用するように設定することをお勧めします。
3. ETag – の代わりにこれを使用することにした場合 最終変更日 を作成できます。 ReplicationEventListener により、ページのアクティベーションがリッスンされ、ページコンテンツの md5 ハッシュが生成されます。 これは、オーサーインスタンスのページの jcr:content ノードでプロパティとして設定できます。 ページがレプリケートされると、そのページはパブリッシュインスタンスに送信されます。 比較的静的なコンテンツを含むページコンポーネントの場合は正常に機能しますが、ページがある程度動的な場合や、ロットのコンテンツを参照する場合は、ETag を省略（または計算）する必要があります。

サイトにパーソナライズされた動的コンテンツがある場合：

1. 使用方法 Apache Sling Dynamic Includes ページの異なる部分を異なる期間キャッシュできるようにコンテンツを分割します。

   1. キャッシュは、次のテクノロジーで実行できます。

      • CDN のエッジサイドインクルード（ESI）
      • Web サーバー上のサーバーサイドインクルード（SSI）
      • ブラウザーでの非同期 JavaScript および XML （AJAX）

   2. ページ上のコンポーネントは、異なる期間キャッシュできる個別のリクエストに分割できます。 ページの比較的静的な部分は、はるかに長い期間キャッシュできます。

2. の使用を検討してください。 ACS Commons の HTTP キャッシュ機能.

クライアントライブラリを最適化します。

1. クライアントライブラリで縮小を有効にします。

2. クライアントライブラリのファイルが事前に縮小されている場合は、そのクライアントライブラリで縮小を無効にします。 cq:ClientLibraryFolder ノードを編集します。

   1. 文字列型のプロパティ jsProcessor を設定します[ ] 値を含む min:none
   2. そして文字列型の cssProcessor プロパティを設定します[ ] 値を含む min:none
   3. 詳しくは、 こちら.

3. クライアントライブラリの埋め込み js ファイルと css ファイルを縮小および縮小します。

4. 実装方法 acs Commons の versioned-clientlibs CDN および Dispatcher による js および css ファイルのキャッシュを長期間許可する。