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 - mod_deflateを使用します。 mod_deflateのVaryの使用には注意してください。 Vary ヘッダーによって、CDNとブラウザーがキャッシュを完全にスキップする場合があります。

• Microsoft IIS - Dynamic Compressionを使用します。

• 大きなファイルや既に圧縮されているファイルの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 - ページのコンテンツが記事など比較的静的な場合、最終変更ヘッダーをcq:lastModifiedの日時（記事が最後に変更された時間）に設定できます。 ただし、コンポーネントコンテンツに含まれるJCR クエリ結果を使用してページが動的な場合は、現在の日時を使用するように設定することをお勧めします。
3. ETag - Last-Modifiedの代わりにこれを使用する場合は、ページアクティベーションをリッスンし、ページコンテンツのmd5 ハッシュを生成するReplicationEventListenerを記述できます。 これは、オーサーインスタンス上のページのjcr:content ノードのプロパティとして設定できます。 ページがレプリケートされると、パブリッシュインスタンスに送信されます。 比較的静的なコンテンツを持つページコンポーネントの場合、これは問題なく機能する可能性がありますが、ページが少し動的な場合や大量のコンテンツを参照する場合は、ETagを省略（または計算）する必要があります。

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

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

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

      • CDN上のEdge側インクルード（ESI）
      • サーバーサイドのインクルード（SSI） web サーバー上
      • ブラウザー上の非同期JavascriptとXML （AJAX）

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

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

クライアントライブラリの最適化：

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

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

   1. 値がmin:noneのString[ ]型のプロパティ jsProcessorを設定します
   2. プロパティ cssProcessorを値min:noneのString[ ]型で設定します
   3. 詳細については、こちらを参照してください。

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

4. ACS Commons🔗から バージョン管理されたclientlibsを実装して、CDNおよびDispatcherがjsおよびcss ファイルを長時間キャッシュできるようにします。