Como deixar meu site mais rápido com cache e CDN
Acesse o conteúdo original sobre “Como deixar meu site mais rápido com cache e CDN” no site oficial do Aylton Inacio.
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.
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
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.
Espero que tenha gostado deste post e se gostou, me ajude na divulgação, compartilhando o conteúdo “Como deixar meu site mais rápido com cache e CDN” nas redes sociais ou colocando um link no seu site pra passar sua força e melhorar a classificação deste material nos resultados de pesquisa.
Se tiver qualquer dúvida ou sugestão, entre em contato comigo.
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!
Comentários
Postar um comentário