Otimização dos caches do site do AEM

private — a diretiva private no cabeçalho Cache-Control a torna de forma que o arquivo seja armazenado em cache somente no navegador, não em caches intermediários, como CDNs. Um uso prático para essa diretiva seria se sua página incluísse conteúdo personalizado/específico do usuário.

Exemplo de uso: Cache-Control: max-age=300, private

s-maxage - a diretiva s-maxage no cabeçalho Cache-Control permite definir um TTL diferente para caches compartilhados, como CDNs. Quando esse valor for definido, o navegador usará o que está definido em max-age e outros caches respeitarão a configuração s-maxage.

Exemplo de uso: Cache-Control: max-age=600, s-maxage=300

Use uma CDN que ofereça suporte às diretivas stale-while-revalidate e stale-if-error no cabeçalho Cache-Control.

• stale-while-revalidate - esta diretiva informa ao CDN para fornecer a versão antiga (já armazenada em cache) do arquivo enquanto ele recupera uma nova depois que o arquivo de cache expirou.
• stale-if-error - da mesma forma, essa diretiva informa ao CDN para fornecer a versão antiga (já armazenada em cache) do arquivo quando a origem responder com um erro durante a revalidação.

Respostas de compactação GZip para todos os tipos de arquivos que não são pré-compactados.

Você deve fazer isso no nível do dispatcher. Isso garantirá que você reduza o número de bytes enviados para o CDN. As CDNs normalmente cobram por bytes transferidos, de modo que a compactação de respostas reduz o custo.

• Habilite a compactação GZip no nível do Dispatcher: Apache - use mod_deflate. Tenha cuidado para o uso da Vary por mod_deflate. Em certos casos, o cabeçalho Vary pode fazer com que o CDN e o Navegador ignorem totalmente o armazenamento em cache.

• Microsoft IIS - use Compactação Dinâmica.

• Não permita a compactação gzip de arquivos grandes ou arquivos que já estejam compactados. Observe que a maioria dos formatos de imagem e vídeo já está pré-compactada. Compactá-los dinamicamente no nível do servidor da Web tem um custo muito alto para o desempenho.

  • No Apache, isso pode ser feito por meio da diretiva AddOutputFilterByType: AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript
  • No IIS, isso pode ser controlado pela configuração < dynamicTypes>.

• Se o seu provedor de CDN oferece suporte a Inclusões do Edge (ESI), use esse recurso.Os componentes do AEM podem ser quebrados usando ESI. Para fazer isso, use Apache \[ Sling Dynamic Includes\] ou implemente uma solução personalizada. É útil quando você tem páginas bastante estáticas, mas está disponibilizando conteúdo mais dinâmico em algumas partes da página. Nesses casos, você está quebrando a página em vários arquivos CDN. Dessa forma, você pode armazenar em cache diferentes partes da página por diferentes períodos.

Defina os seguintes cabeçalhos de resposta HTTP que não são definidos por AEM por padrão.

1. Cache-Control: max-age=… - Para definir este cabeçalho, ACS Commons - Dispatcher TTL pode ser usado, ou você pode implementar um código personalizado para configurá-lo.
2. Última Modificação - Se o conteúdo da página for relativamente estático, como um artigo, você pode definir seu cabeçalho de última modificação para a data/hora cq:lastModified (a última vez que o artigo foi modificado). No entanto, se a página for dinâmica com os resultados da consulta JCR contidos no conteúdo do componente, será melhor configurá-la para usar a data/hora atuais.
3. ETag - Se você decidir usá-lo em vez de Last-Modified, poderá gravar um ReplicationEventListener que escute ativações de página e gere um hash md5 do conteúdo da página. Isso pode ser definido como uma propriedade no nó jcr:content da página na instância do autor. Quando as páginas são replicadas, elas são enviadas para as instâncias de publicação. Para componentes de página com conteúdo relativamente estático, isso pode funcionar bem. No entanto, se a página for dinâmica ou fizer referência a um conteúdo, a ETag terá que ser omitida (ou calculada).

Se o site tiver conteúdo personalizado/dinâmico:

1. Use o Apache Sling Dynamic Includes para dividir o conteúdo para que diferentes partes da página possam ser armazenadas em cache por diferentes períodos.

   1. O armazenamento em cache pode ser feito com as seguintes tecnologias:

      • Edge-side Includes (ESI) na CDN
      • SSI (Server-Side Includes) no servidor da Web
      • Javascript assíncrono e XML (AJAX) no navegador

   2. Os componentes na página podem ser divididos em solicitações separadas, que podem ser armazenadas em cache por diferentes períodos de tempo. Partes da página que são relativamente estáticas podem ser armazenadas em cache por períodos muito mais longos.

2. Considere usar o recurso de Cache HTTP do ACS Commons.

Otimizar bibliotecas do cliente.

1. Ative minificação nas bibliotecas do cliente.

2. Se os arquivos na biblioteca do cliente forem pré-minificados, desative a minificação nessa biblioteca do cliente. Edite o nó cq

   1. Defina a propriedade jsProcessor do tipo String[ ] com o valor min:none
   2. e defina a propriedade cssProcessor do tipo String[ ] com o valor min:none
   3. Veja mais detalhes, aqui.

3. Incorpore bibliotecas de clientes para minificar e reduzir arquivos js e css.

4. Implemente versioned-clientlibs do ACS Commons para permitir que o CDN e o Dispatcher armazenem arquivos js e css em cache por períodos mais longos.