Como deixar meu site mais rápido com cache e CDN
Aprenda como configurar uma política de cache eficiente para melhorar o desempenho do seu site e conseguir pontuações melhores no PageSpeed, usando regras da CDN Cloudflare.
PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Websites e SEO
Um site com carregamento lento pode gerar uma alta taxa de rejeição e consequentemente menos tráfego e receita, além da perda de pontos com o Google e outros buscadores.
Se você quer deixar seu site mais rápido, uma das tarefas de otimização é configurar uma política de cache eficiente, usando regras no próprio site ou em uma CDN.
Cache é uma memória temporária local que deixa o carregamento de um site mais rápido em acessos futuros. Na prática é feita uma "cópia" de algumas partes da página no navegador do usuário, e sempre que ele retorna, o acesso é feito pela cópia e não buscando no servidor.
Já uma CDN é uma rede global para entrega de conteúdo, oferecendo assim um servidor sempre próximo do usuário, deixando também o carregamento mais rápido.
▶ Se preferir, acesse "Como deixar meu site mais rápido com cache e CDN" no YouTube.
Neste post vamos configurar uma política de cache usando regras em CDN, sendo assim o primeiro passo é configurar seu site na Cloudflare, um dos melhores serviços para entrega global de conteúdo.
O que é uma política de cache?
A política de cache define os tipos de conteúdo que serão armazenados na memória local e também o tempo de duração. Por exemplo, você pode definir que apenas as imagens do site ficarão em cache e por um tempo de 30 dias.
Quanto mais recursos em cache e maior o tempo, melhor será a política de cache.
Normalmente aplicamos cache em recursos estáticos como imagens, fontes e arquivos CSS, mas é possível também definir para a página toda.
Para você verificar se o seu site usa cache e em quais recursos, acesse uma página pelo navegador (ex: Chrome), depois abra o DevTools (CTRL + SHIFT + I), clique em Rede e selecione algum recurso.
A imagem anterior mostra uma imagem (43w1500.jpg) com um política de cache (cache-control) igual a 2592000 segundos, ou seja, 30 dias de duração.
Já a próxima imagem mostra a página toda definida com cache de 691200 segundos, ou seja, 8 dias.
Se o conteúdo do seu site muda com frequência, considere um tempo menor para cache de página inteira ou até mesmo não aplicar, deixando apenas nos recursos estáticos. E também não aplique cache nas páginas de áreas administrativas do seu site.
Como definir a política de cache na Cloudflare
Com a Cloudflare funcionando no seu site, siga os passos a seguir para definir a política de cache:
- Clique em Caching e Configuração
- Defina Nível de armazenamento em cache para padrão
- Defina TTL de Cache do Navegador para 1 mês
- Defina Always Online para ligado (on)
Com as regras acima você terá cache em recursos estáticos. Se quiser aplicar em cada página inteira, siga os passos a seguir:
- Clique em Page Rules
- Clique em Criar Page Rule
- Em URL, coloque seudominio.com.br/*
- Defina TTL de cache do navegador para 8 dias
- Defina Always Online para ligado (on)
- Defina Nível de Cache para "Tudo"
- Defina o TTL de cache do Edge para 7 dias
Você pode aplicar o cache em um grupo específico de URLs, assim você não afeta todas as páginas do site. Por exemplo, se quiser aplicar somente nos posts do seu site e que possuem um "/blog" no começo do endereço, utilize seudominio.com.br/blog/* na URL de Page Rule.
Você também pode ignorar o uso de cache para determinadas páginas. Se o seu site tem arquivos .xml com mapa do site que mudam com frequência ou área administrativa, considere criar regras para ignorar a criação de cache para essas páginas.
Essas regras de exceções devem ser criadas antes da que criamos anteriormente para todas as páginas. Por exemplo, se não quiser criar cache para páginas que começam com "wp-", utilize seudominio.com.br/wp-.* na URL de Page Rule com a regra "Nível de cache: Ignorar".
Com todas as regras acima aplicadas, você terá uma política de cache eficiente no seu site, mas lembre-se que os números podem ser alterados de acordo com sua regra de negócio.
Como limpar o cache
Se você alterar alguma página ou recurso do seu site, é possível limpar o cache, forçando o navegador do usuário a utilizar as novas versões de conteúdo.
É possível limpar o cache do site todo, de alguma página ou de algum recurso específico. Para isso, clique em Caching > Configuração > Limpeza personalizada ou Limpar tudo.
Então é isso, eu espero que você tenha gostado desta publicação. Fique à vontade para compartilhar nas suas redes sociais para ajudar na divulgação e crescimento do site.
Aproveite para se inscrever no meu canal do YouTube e também na News do site pra ficar por dentro das novidades em artigos, tutoriais e cursos online.
Abraço e até a próxima!