Quando o seu site atende a visitantes de todo o mundo, tempos de carregamento lentos e alta latência podem realmente atrapalhar a experiência. Não importa se você está administrando um blog pessoal, uma loja de eCommerce ou hospedando um aplicativo, a velocidade e a capacidade de resposta podem ser decisivas para a experiência do usuário.
Usuários insatisfeitos não permanecem muito tempo. O que você pode fazer para melhorar a experiência deles? Felizmente, existem ferramentas poderosas disponíveis para melhorar significativamente o desempenho do site, e uma das mais eficazes é o Edge Caching.
Se você já se sentiu frustrado com tempos de carregamento lentos ou com capacidade de resposta arrastada no seu site WordPress, este guia é pra você. Vamos explorar o mundo do Edge Caching e saber como você pode turbinar o WordPress.
O que é Edge Caching?
O que exatamente é o Edge, e como afeta o desempenho do site?
A computação de borda (edge computing) consiste em reduzir a distância física entre um cliente (os visitantes do seu site) e o servidor de origem (onde seu site está hospedado).
Muitos CDNs usam servidores de borda para fazer isso. Em geral, os CDNs funcionam com a distribuição de centros de dados centralizados por todo o mundo. No entanto, muitos desses centros de dados ainda estão geograficamente distantes da maioria dos seus usuários.
A “borda” é o perímetro externo de um CDN ou a infraestrutura de rede mais próxima dos usuários finais, onde servidores de borda (edge servers) são colocados — geralmente em pontos físicos de troca de tráfego na internet, onde os ISPs e os CDNs se conectam — para diminuir essa distância.
O Edge Caching é uma técnica poderosa que usa essa vasta ponte de redes para armazenar cópias do conteúdo do site mais perto dos usuários, reduzindo assim o tempo necessário para buscar dados do servidor de origem.
Como funciona o Edge Caching
Quando um usuário solicita conteúdo de um site, como imagens, vídeos ou páginas web, a solicitação é normalmente encaminhada para o servidor de borda mais próximo, em vez de ir diretamente para o servidor de origem.
O Edge Caching funciona armazenando conteúdo estático e dinâmico nesses servidores de borda. O conteúdo estático, como imagens, arquivos CSS e JavaScript, permanece inalterado para todos os usuários e pode ser armazenado em cache por longos períodos. O conteúdo dinâmico pode mudar com frequência e requer estratégias de cache mais cuidadosas.
Ao armazenar o conteúdo em Edge Caching, as solicitações subsequentes do mesmo conteúdo podem ser atendidas diretamente pelo servidor de borda, eliminando a necessidade de recuperá-lo do servidor de origem.
Além de reduzir o carregamento no seu servidor, isso também minimiza a distância que os dados precisam percorrer, diminuindo tempos de carregamento, reduzindo a latência e melhorando o desempenho geral.
O Edge Caching é particularmente vantajoso para sites com um público global. Ao aproveitar os servidores de borda amplamente distribuídos de um CDN, os seus usuários em todo o mundo podem acessar o conteúdo de forma rápida e confiável.
Quais sites se beneficiam do Edge Caching?
O Edge Caching é útil para uma variedade de sites, desde sites estáticos simples até aplicativos totalmente interativos. Vamos explorar em detalhes os tipos de sites que podem se beneficiar do desempenho significativamente aprimorado oferecido pelo Edge Caching.
Sites estáticos
Os sites estáticos, que consistem em conteúdo fixo que raramente muda, são candidatos ideais ao Edge Caching.
Esses sites geralmente incluem blogs, portfólios, landing pages e sites informativos que não usam conteúdo dinâmico. HTML, CSS, ativos como imagens e scripts do lado do cliente como JavaScript são tudo o que contêm.
Embora o Edge Caching funcione para alguns tipos de conteúdo dinâmico, isso exige um pouco mais de configuração. A natureza pré-renderizada dos sites estáticos funciona muito bem com o Edge Caching, pois os arquivos de cache permanecem atualizados por semanas ou meses.
O Edge Caching elimina a necessidade de buscar repetidamente o conteúdo inalterado do servidor de origem, resultando em acesso imediato aos recursos em cache e em uma experiência de navegação mais suave.
Além disso, os sites estáticos usam muito pouco carregamento do servidor ou largura de banda, portanto, armazená-los em cache e servi-los é muito mais rápido e econômico do que sites que usam muitos scripts no lado do servidor ou fazem chamadas frequentes a bancos de dados.
Aplicativos interativos
Para sites que dependem muito de aplicativos interativos ou fornecem conteúdo dinâmico, incluindo plataformas de eCommerce ou redes sociais, o Edge Caching desempenha uma função importante na otimização do desempenho.
Os métodos tradicionais de armazenamento em cache geralmente são menos eficazes quando se trata de conteúdo dinâmico e personalizado. Por muito tempo, apenas conteúdo estático, como imagens e HTML, podia ser armazenado em cache.
O Edge Caching mudou as coisas, pois os próprios scripts podem ser implantados a partir dos servidores de borda do CDN.
Um exemplo são os Cloudflare Workers, que são funções Javascript executadas no CDN do Cloudflare. Isso permite que o código dinâmico que responde a entradas de usuário seja executado em servidores de borda e alcance instantaneamente usuários em todo o mundo.
Graças a isso, você pode proporcionar uma experiência perfeita aos visitantes sem comprometer a interatividade.
Sites exigentes e com muitos recursos
Sites que lidam com grandes volumes de tráfego ou aplicativos com uso intensivo de recursos, como plataformas de streaming ou portais de jogos on-line, podem se beneficiar significativamente do Edge Caching.
Esses sites frequentemente fornecem arquivos grandes, como vídeos, streams de áudio ou imagens de alta resolução, que podem sobrecarregar os servidores de origem e a largura de banda da rede e resultar em buffering e latência.
O Edge Caching alivia o fardo sobre seus servidores, armazenando e fornecendo esses arquivos grandes a partir dos servidores de borda mais próximos dos visitantes. Além disso, a natureza distribuída dos servidores de borda permite lidar melhor com grandes picos de tráfego e redimensionar à medida que sua base de usuários cresce.
Sites de eCommerce
Em lojas de eCommerce, cada segundo pode fazer a diferença na retenção ou perda de um cliente em potencial, e assim, você não irá querer desperdiçar nenhum.
O Edge Caching funciona bem aqui, armazenando em cache conteúdo dinâmico, como listagens de produtos, informações sobre preços e sessões de usuários, que exigem uma entrega rápida e confiável. Também armazena em cache páginas de produtos, imagens e outros recursos acessados com frequência nos servidores de borda.
Infelizmente, sites de eCommerce são frequentemente alvo de ataques DDoS, que podem ser devastadores. Graças aos servidores de borda e aos CDNs como um todo, a tecnologia de balanceador de carga distribui a onda de tráfego mal-intencionado em centenas de servidores, para que seus clientes legítimos possam continuar comprando.
Como um bônus adicional, aquele pico ocasional no tráfego do feriado será gerido sem esforço.
Não importa se você é uma pequena butique ou um marketplace gigante, o Edge Caching proporciona uma experiência de compra segura e contínua, e não lenta e frustrante.
Sites de streaming de mídia
Transmissões ao vivo, de vídeo, de música — tudo isso exige muito dos seus servidores.
E nada é mais frustrante para seus visitantes do que ter sua música favorita ou um vídeo que estão curtindo pausado enquanto é armazenado em buffer. Um pouco de latência pode ser aceitável em um site comum, mas não quando se trata de streaming de mídia.
O Edge Caching é essencial para propiciar uma reprodução suave e ininterrupta. Como arquivos de vídeo e áudio não mudam com tanta frequência, podem ser armazenados em cache em servidores de borda muito mais próximos dos visitantes. Isso é especialmente importante para entregar vídeos de alta definição, que usam muitos recursos, visto que congestionamentos na rede são um grande problema.
Até mesmo conteúdo ao vivo pode se beneficiar do Edge Caching. Embora possa ser difícil armazenar conteúdo em tempo real em cache, os usuários de todo o mundo podem se conectar ao servidor de borda mais próximo deles e evitar sobrecarregar o servidor de origem, mesmo que o número de visualizações chegue a milhares.
Com Edge Caching, sites de streaming de mídia podem oferecer uma experiência de visualização premium que mantém o público engajado, voltando para assistir mais.
Plataformas de jogos
Assim como o streaming de mídia, os jogos são uma experiência em que a latência não é aceitável — seus jogadores não ficarão muito tempo num jogo com lags e responsividade ruim. Isso é especialmente verdadeiro para jogos multiplayer, em que até mesmo travamentos mínimos podem estragar a diversão de alguém.
Embora uma parte da responsabilidade recaia sobre os desenvolvedores para otimizar o jogo e não fazer chamadas de rede desnecessárias, é igualmente importante usar um CDN com muitos servidores de borda para manter o jogo funcionando sem problemas.
Os servidores de borda podem ser usados para armazenar em cache ativos como arquivos gráficos e de áudio, e transmiti-los aos jogadores à medida que os acessam. Também podem armazenar em cache os próximos arquivos de atualização ou até mesmo o próprio arquivo inteiro do jogo em alguns casos.
Além disso, servidores de jogos são outro grande alvo de ataques DDoS, e servidores de borda ajudam a desviar qualquer tráfego malicioso que possa surgir — ou escalar rapidamente quando há um súbito influxo de novos jogadores.
Plataformas de aprendizado on-line
Sistemas de gerenciamento de aprendizagem e outros sites educacionais contêm muitos tipos de conteúdo que podem ser armazenados em cache.
Imagens, vídeos, áudio, jogos e demonstrações interativos, transmissões ao vivo, quizzes e outros materiais interativos podem ser armazenados em cache para serem fornecidos aos alunos de forma mais eficiente.
A distribuição em servidores de borda global também é muito útil quando você está recebendo um grande volume de matrículas de alunos. Um LMS lento e de baixo desempenho proporciona uma experiência de aprendizado ruim para seus alunos.
Blogs, sites de notícias e informativos
Blogs e sites informativos funcionam especialmente bem com o Edge Caching, pois utilizam muito conteúdo estático. Embora você possa ocasionalmente atualizar artigos e outros recursos, isso não ocorre com frequência, e assim o cache permanece bom por um longo tempo.
Ao armazenar em cache artigos, imagens e conteúdo multimídia acessados com frequência em servidores de borda localizados mais perto dos usuários, os blogs podem reduzir o tempo de carregamento e melhorar a capacidade de resposta geral. Isso permite que os leitores naveguem em seu catálogo de artigos sem interrupções ou atrasos.
A popularidade mundial dos blogs também faz do Edge Caching uma parte vital da manutenção dessa acessibilidade global mesmo durante picos de tráfego. Você nunca sabe quando um artigo se tornará viral.
Quando não usar o Edge Caching
Embora o Edge Caching ofereça vários benefícios para otimizar o desempenho do site, há alguns cenários em que ele pode não funcionar muito bem.
Conteúdo altamente dinâmico ou em tempo real
Embora o Edge Caching seja excelente para otimizar o fornecimento de conteúdo estático e até mesmo de algum conteúdo dinâmico, há limitações quando se trata de armazenar em cache conteúdo altamente dinâmico, especialmente conteúdo que muda em tempo real.
Conteúdo atualizado com muita frequência ou que é personalizado para cada usuário pode não ser adequado para o Edge Caching.
Os CDNs modernos, como o Cloudflare, introduziram recursos que podem lidar com determinados tipos de conteúdo dinâmico de forma mais eficaz, como a execução de código dos próprios servidores de borda. Mas nem tudo é armazenável em cache — pelo menos, não sem muita habilidade, conhecimento avançado e configuração complicada de CDN.
Nos casos em que o armazenamento em cache não é viável ou prático, você pode aproveitar o armazenamento em cache do navegador, otimizar seus recursos para reduzir o tamanho do arquivo e implementar um código mais eficiente para manter os tempos de resposta de servidor baixos.
Conteúdo personalizado
O Edge Caching não é adequado para fornecer conteúdo personalizado a usuários individuais. Um dos principais benefícios do cache é fornecer conteúdo acessado com frequência a partir de servidores de borda para que pessoas do mundo todo possam baixar rapidamente. Se apenas uma pessoa o verá, não faz muito sentido armazená-lo em cache.
Recomendações personalizadas em sites de eCommerce, feeds de notícias personalizados ou painéis de controle específicos do usuário geralmente não podem ser armazenados em cache porque dependem de dados ou interações em tempo real.
Em vez de depender do Edge Caching, você pode implementar estratégias de fornecimento de conteúdo dinâmico, como scripts do lado do cliente, cache do navegador, pré-busca de conteúdo e compactação de dados para otimizar o fornecimento de conteúdo personalizado.
Evitando regras de cache complexas
Implementar o Edge Caching pode introduzir uma complexidade adicional, especialmente se o seu site já tiver regras de cache complexas em vigor.
Por exemplo, o Edge Caching pode ser difícil de configurar ou levar a resultados inesperados se for usado em paralelo com regras existentes, como cabeçalhos de controle de cache personalizados, invalidação de cache ou regras de desvio de cache.
Isso não quer dizer que seja impossível. Você só precisa de um desenvolvedor habilidoso para configurá-lo adequadamente. Configurações de cache incompatíveis entre o servidor de origem e os servidores de borda podem levar a conflitos de cache ou à exibição de conteúdo desatualizado.
Dependendo da complexidade da sua arquitetura de cache existente, a incorporação do Edge Caching pode ser uma tarefa considerável.
Arquivos muito grandes
O Edge Caching é otimizado para fornecer arquivos pequenos e médios, geralmente estáticos. Dependendo da capacidade dos servidores, você pode ter dificuldade para armazenar em cache arquivos muito grandes, como vídeos de alta definição, downloads de software ou grandes conjuntos de dados.
Isso dependerá muito do CDN que você usa. Se os servidores de borda estiverem com dificuldades para fornecer arquivos de mídia grandes, você poderá ter arquivos mais importantes do site sendo removidos do cache ou um desempenho ruim devido à alta largura de banda e ao uso de recursos envolvidos no fornecimento de arquivos enormes a centenas de usuários.
Se o arquivo for atualizado com frequência, você também encontrará problemas de invalidação do cache, pois as versões obsoletas precisam ser eliminadas e atualizadas em todos os servidores de borda. Isso pode ser um processo lento e fazer com que os usuários encontrem conteúdo desatualizado.
Em vez disso, talvez você queira ignorar o Edge Caching para que os usuários baixem do servidor de origem, armazenar no cache apenas parte do conteúdo do arquivo, ou — para streaming de vídeo ou sites similares em que um CDN é necessário — criar uma configuração de CDN especializada otimizada para a entrega de arquivos grandes.
Problemas de segurança e privacidade
Embora o Edge Caching possa melhorar o desempenho do site, tem potencial de levar a problemas de segurança e privacidade, principalmente ao armazenar em cache conteúdo autenticado, personalizado ou privado.
O Edge Caching de informações confidenciais aumenta o risco de acesso não autorizado e violações de dados. Quanto mais cópias houver, maior será a probabilidade de ser descoberto.
O armazenamento de conteúdo em cache também pode gerar problemas com leis como o GDPR, que exige que você exclua todas as cópias armazenadas das informações do usuário mediante solicitação.
Os servidores de borda aumentam a superfície de ataque do seu site e dos dados dele e podem levar a vulnerabilidades de segurança tais como envenenamento de cache.
Tudo isso pode ser atenuado criptografando todo o conteúdo privado que passa pelo cache, adicionando políticas de invalidação de cache para eliminar dados desatualizados e não utilizados, ou mesmo começando por não armazenar dados confidenciais em cache.
Outras considerações
Por fim, especificamente para os usuários da Kinsta, o Edge Caching nem sempre funciona bem com algumas configurações específicas.
- O Edge Caching não funciona bem com a geolocalização, exceto com base nacional. A geolocalização baseada em estados e cidades não fará o cache corretamente, e áreas próximas às fronteiras do país podem funcionar de forma incomum.
- As exclusões personalizadas adicionadas por meio do Advanced Site Cache não funcionam.
- A detecção de agentes de usuário para exibir sites diferentes para dispositivos móveis ou desktop não funciona com o Edge Caching. Você pode usar o recurso de Cache Móvel da Kinsta como uma alternativa.
- A proteção por senha da Kinsta não é compatível com Edge Caching.
- O Edge Caching da Kinsta e as Otimizações Automáticas de Plataforma (APO) do Cloudflare não são compatíveis.
- O Edge Caching é incompatível com o bloqueio de IP e geolocalização.
Independentemente da infraestrutura do seu site, o Edge Caching pode entrar em conflito com configurações específicas. Depois de configurar um CDN ou habilitar o Edge Caching, é uma boa ideia testar seu site e todos os aplicativos nele contidos para garantir que tudo esteja funcionando corretamente.
Como o Edge Caching funciona no WordPress
Há considerações e desafios exclusivos ao implementar o Edge Caching no ambiente do WordPress.
- Em geral, os sites do WordPress servem principalmente ativos estáticos e conteúdo dinâmico, como pequenos scripts do lado do servidor e chamadas de banco de dados — candidatos perfeitos para Edge Caching.
- No entanto, a natureza dinâmica e constantemente atualizada do WordPress significa que o conteúdo pode, às vezes, ficar obsoleto. Mecanismos de limpeza adequados, como o Cloudflare APO e a invalidação do cache, são necessários para evitar conteúdo desatualizado. Você também pode limpar o Edge Caching manualmente com a Kinsta se notar um problema.
- Plugins e temas de WordPress podem introduzir complexidades adicionais. Alguns plugins que geram conteúdo dinâmico, adicionam conteúdo personalizado ou autenticado, ou dependem de processamento no lado do servidor podem ser incompatíveis com o Edge Caching.
Em geral, o WordPress e o Edge Caching funcionam bem juntos para melhorar o desempenho, mas tenha em mente essas considerações e certifique-se de testar exaustivamente todos os plugins ou temas que adicionam conteúdo dinâmico.
Edge Caching com a Kinsta
Os usuários da Kinsta se beneficiam de um recurso incomum: a capacidade de habilitar o Edge Caching gratuitamente. Alguns dos recursos:
- A Kinsta se integra com o Cloudflare e seus mais de 260 centros de dados para oferecer Edge Caching gratuito em qualquer plano. Você também não precisa de um plugin para ativá-lo; um clique no Painel MyKinsta fará isso.
- O cache móvel é suportado se você criar páginas separadas para usuários de dispositivos móveis.
- Você pode limpar o cache sob demanda se notar qualquer ativo desatualizado que precise ser eliminado — embora isso geralmente seja desnecessário, pois a Kinsta limpará automaticamente o Edge Caching sempre que você atualizar uma página.
- O Edge Caching é automaticamente excluído para páginas privadas/personalizadas, como o carrinho do WooCommerce, áreas de perfil privadas do BuddyPress ou qualquer lugar em que um usuário precise estar conectado. Dependendo da sua configuração, você pode precisar excluir outras páginas, e o suporte da Kinsta pode ajudá-lo a configurar isso.
Como observação final, o Edge Caching da Kinsta não serve ativos estáticos como imagens ou arquivos CSS. Em vez disso, isso é feito pelo CDN da Kinsta.
No geral, o Edge Caching é fácil com a Kinsta. É gratuito para todos, e ativá-lo é tão fácil quanto clicar em um botão. Não há nenhuma configuração irritante ou plugins necessários.
Como habilitar o Edge Caching
Agora que você sabe por que o Edge Caching é tão importante, vamos mostrar dois métodos para fazê-lo funcionar em seu site.
Habilite o Edge Caching no MyKinsta
Para habilitar o Edge Caching no MyKinsta, basta clicar em um botão.
- Etapa 1: Faça login no painel MyKinsta e clique no site que você deseja editar na seção Sites WordPress.
- Etapa 2: Encontre o Edge Caching na lista de configurações à esquerda.
- Etapa 3: Talvez você descubra que o Edge Caching já está ativado, pois a Kinsta está implementando o Edge Caching automático para todos os sites. Caso contrário, clique no botão preto Habilitar no canto superior direito.
- Etapa 4: Se você adicionou regras de cache personalizadas, receberá outra solicitação para confirmar que elas funcionam com o Edge Caching. Clique em Habilitar Edge Cache quando estiver pronto.
- Etapa 5: Se você envia usuários de dispositivos móveis para uma página separada, clique em Habilitar na caixa Cache Móvel para habilitar essa função.
E isso é tudo! Agora o Edge Caching está funcionando em seu site.
Você também pode limpar manualmente o Edge Caching: clique no botão Limpar cache na parte inferior da página ou insira uma URL para limpar e clique em Limpar cache de URL.
Habilite o Edge Caching no Cloudflare
O Edge Caching da Kinsta já utiliza a tecnologia Cloudflare, portanto, não há necessidade de habilitá-lo se você tiver uma conta na Kinsta.
O próprio Cloudflare também oferece Edge Caching por padrão, que você pode desabilitar seletivamente usando uma regra de desvio. Mas há algumas configurações que você pode ajustar, como o TTL do Edge Caching (por quanto tempo o servidor de borda armazena seus arquivos).
Observe que, se você já tiver configurado um cabeçalho de controle de cache, isso pode ser desnecessário. Também é melhor consultar um desenvolvedor antes de alterar qualquer configuração de cache, a menos que você saiba o que está fazendo, pois elas podem ser muito sensíveis.
- Etapa 1: Faça login na sua conta do Cloudflare e acesse o painel de controle.
- Etapa 2: Clique em Rules > Page Rules, e daí em Create Page Rule.
- Etapa 3: Insira as páginas nas quais deseja Edge Caching no campo URL (required). Use o símbolo wildcard (*) para aplicar essa configuração a mais de uma página. Por exemplo, “exemplo.com/*” seria aplicado a todas as páginas do seu site. Tenha cuidado, pois nem todas as páginas são adequadas para armazenamento em cache.
- Etapa 4: No menu suspenso Pick a Setting (Escolher uma configuração), selecione Edge Cache TTL e selecione quanto tempo o cache deve durar antes de expirar.
- Etapa 5: Se você também quiser armazenar em cache os ativos dinâmicos, clique em Add a Setting, adicione a configuração Cache Level e defina-a como Cache Everything.
Observação: Cache Everything não deve ser usado em páginas que requerem login. Você pode criar uma nova regra e defini-la como Bypass em páginas confidenciais. Certifique-se de que a regra Bypass esteja ordenada acima da regra Cache Everything.
Como alternativa, você pode usar uma regra de cache.
- Etapa 1: Acesse o painel do Cloudflare.
- Etapa 2: Navegue até Caching > Cache Rules e clique no botão azul Create Rule.
- Etapa 3: Dê um nome à sua regra e então procure por When incoming requests match… (Quando as solicitações de entrada correspondem a…) No menu suspenso Field, clique em URI Path, deixe o Operator em equals e digite “/” na caixa Value. Isso fará com que a regra se aplique a todas as páginas, mas, novamente, isso pode não ser apropriado. Adapte isso conforme a sua infraestrutura.
- Etapa 4: Defina o Edge TTL com um valor apropriado para o seu site. Se você quiser defini-lo manualmente, clique em Ignore cache-control header (Ignorar cabeçalho de controle de cache) e use esse TTL.
- Etapa 5: Clique em Deploy quando tiver terminado.
Resumo
O Edge Caching é uma ferramenta poderosa para proporcionar tempos de carregamento mais rápidos, criar uma melhor experiência de usuário e, por fim, otimizar o desempenho do WordPress. Os ativos estáticos e dinâmicos são armazenados em cache nos servidores de borda, entregando-os aos usuários em todo o mundo.
Deixe um comentário