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

Cache-Control ヘッダーの stale-while-revalidate および stale-if-error ディレクティブをサポートする CDN を使用します。

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

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

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

• Dispatcher レベルで GZip 圧縮を有効にする：Apache - use 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 プロバイダーが Edge側インクルード ​ （ESI）をサポートしている場合は、この機能を活用します。 AEMのコンポーネントは、ESI を使用して分割できます。 これをおこなうには、Apache \[ Sling Dynamic Includes を使用するか \] カスタムソリューションを実装します。 これは、かなり静的なページであっても、ページの一部でより動的なコンテンツを提供している場合に便利です。 このような場合、基本的にページを複数の CDN ファイルに分割します。 これにより、ページの様々な部分を異なる期間キャッシュできます。

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

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

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

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

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

      • CDN のEdgeサイドインクルード（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 のバージョン管理された clientlibs を実装して、CDN とDispatcherが JS ファイルと CSS ファイルを長期にわたってキャッシュできるようにします。