Cache do navegador, CDN e dicas de ligação
Três parâmetros não dizem respeito à geração das páginas, mas à entrega: cabeçalhos de cache de longa duração para ficheiros estáticos, um host de CDN nos endereços dos assets e indicações de ligação antecipadas para hosts de terceiros. Atuam independentemente de a cache de páginas estar em execução.
Regras de cache do navegador no .htaccess
- O cartão “Cache do navegador (.htaccess)” fica no painel “Assets”, por baixo dos quatro interruptores.
- Observa a linha “Servidor”: as regras só atuam em Apache e LiteSpeed.
- Verifica a linha “.htaccess gravável”. Se aí estiver “não”, a escrita falha com uma mensagem.
- Ativa “Escrever regras de cache do navegador”. O bloco é escrito no .htaccess dentro da pasta do WordPress.
- Com “Escrever bloco” e “Remover bloco” é possível voltar a colocar ou retirar o mesmo bloco, independentemente do interruptor.
O que consta do bloco
- Regras Expires através de mod_expires para CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, ícones e WOFF2, um ano em cada caso
- Um cabeçalho Cache-Control através de mod_headers para os mesmos tipos de ficheiro, mais WOFF, TTF e OTF
- Compressão através de mod_deflate para HTML, texto, CSS, JavaScript, JSON e SVG
Header set Cache-Control "public, max-age=31536000, immutable"Reescrever os endereços dos assets para um CDN
- No grupo “Otimização” (em alemão: „Optimierung“), abrir o item “CDN”.
- Ativa “Entrega por CDN ativa”.
- Introduz em “URL base do CDN” o endereço do host do CDN; ele tem de espelhar os mesmos caminhos que o site.
- No cartão “Pré-visualização” aparece depois um exemplo de como fica um endereço reescrito.
São reescritos exclusivamente endereços do próprio site e apenas recursos estáticos: CSS, JavaScript, imagens, tipos de letra, bem como alguns ficheiros de vídeo e PDF. Isso abrange scripts e estilos incorporados, endereços de anexos e ainda src, href e srcset no conteúdo. Não há qualquer upload para o CDN; os ficheiros já têm de estar acessíveis lá.
dns-prefetch e preconnect
No painel “Preload” (título “Preload / Ligações”) podem indicar-se hosts com os quais o navegador deve estabelecer contacto cedo: “Hosts dns-prefetch” resolve apenas o nome, “Hosts preconnect” estabelece adicionalmente a ligação. Um host por linha; as entradas são inseridas através do filtro do WordPress para resource hints e desduplicadas nesse processo.