Cache do servidor x cache do navegador x cache do site: qual é a diferença?

Leandro Lopes
Por Leandro Lopes
18 Min Leitura
Cache do servidor x cache do navegador x cache do site: qual é a diferença?
Tipos de Cache

Neste artigo vamos responder quais os tipos de cache e suas principais diferenças!

Quero armazenar em cache meu site WordPress. Que tipo de cache devo usar para isso?”

A resposta envolve muitas opções, dependendo da natureza do seu site e do que você deseja alcançar com ele.

Existem vários tipos de cache, cada um diferente dos outros e útil em diferentes circunstâncias. Portanto, é essencial compreender os tipos de dados que eles armazenam e os níveis de controle que eles fornecem a você.

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Em seguida, veremos vários tipos de conteúdo que podem ser armazenados em cache e como você pode armazenar em cache seu site WordPress da maneira mais eficiente possível!

Quais são os tipos de cache?

Existem dois tipos de opções de cache que você pode usar:

  1. Cache do lado do servidor
  2. Cache do lado do cliente

Embora ambos armazenem seu site em cache de forma diferente, mas tenham um objetivo semelhante:

Fazendo seu site carregar rapidamente sem carregar todos os arquivos do site novamente.

Vamos dar uma olhada em ambos.

O que é cache do lado do servidor?

O cache do lado do servidor armazena temporariamente arquivos e dados da Web no servidor para uso posterior, reduzindo efetivamente a carga e a latência do servidor.

Veja como funciona:

  1. Quando o usuário visita um site e solicita a página da web, o site recupera dados do servidor, gera essa página da web e a exibe para o usuário.
  2. Depois que a resposta é enviada de volta ao usuário, o servidor cria uma cópia da página da Web e a armazena como um cache.

O resultado?

Na próxima vez que um usuário revisitar o site, em vez de passar por todo o processo novamente, ele exibirá a cópia já salva (ou em cache) da página da web – tornando o carregamento do site mais rápido!

Ilustração de como o cache do lado do servidor funciona
Ilustração de como o cache do lado do servidor funciona

O que é cache do lado do cliente?

O cache do lado do cliente, geralmente chamado de cache do navegador , armazena temporariamente a cópia de uma página da Web na memória do navegador (uma pasta criada pelo navegador).

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Portanto, da próxima vez que um usuário revisitar um site com o cache do lado do cliente ativado, ele não fará uma chamada ao servidor para obter os dados. Em vez disso, ele irá buscá-lo na pasta de cache do navegador localizada no dispositivo do usuário.

Ilustração de como funciona o cache do lado do cliente
Ilustração de como funciona o cache do lado do cliente

Cache do lado do servidor vs. Cache do lado do cliente

O tipo de cache que você escolhe melhora significativamente a experiência geral do usuário e a usabilidade do seu site WordPress. Portanto, é sempre melhor entender de antemão qual tipo combina com o seu site.

Deixe-nos ajudá-lo a descobrir isso com um exemplo:

Suponha que você administre um site de varejo online.

Devido à natureza do negócio, o tipo de conteúdo em seu site é dinâmico ( ou seja, os usuários veem produtos recomendados, e-mails sobre carrinhos abandonados ou anúncios de produtos similares/relevantes).

Devido a isso, os usuários acessam seu site sem problemas sempre que há uma nova atualização.

Se o seu site demorar mais para carregar, ele incitará os usuários a mudar para outro site antes mesmo de o conteúdo ser totalmente carregado. Conseqüentemente, resultando em maiores taxas de rejeição e, mais importante, uma primeira impressão negativa em um visitante que acessa seu site.

Agora, considere o exemplo acima:

Leia Também

  1. Como corrigir o erro de servidor 400 Bad Request no site Elementor WordPress
  2. Aceleradores PHP: Quais são os melhores e como ativá-los?
  3. Teste de velocidade de site: Como executar de forma adequada

Se você usar cache do lado do servidor:

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Quando o usuário solicita uma página da Web, o site recupera os dados do servidor. Mas antes disso, ele verifica se uma cópia dessa página da web está armazenada em cache. Se estiver em cache, serve a cópia em cache da página da web.

Existem três cenários principais:

  1. Se o conteúdo do seu site for estático, ele requer qualquer adaptação.
  2. Se o conteúdo for dinâmico dentro de um período de tempo (conteúdo de curta duração), é necessário renovar
    o cache após um determinado período de tempo ou “ajaxificar” o conteúdo dinâmico.
  3. Por outro lado, se o conteúdo do seu site for dinâmico com um curto período de tempo e for específico do usuário (experiência de login, por exemplo), será necessário ignorar o cache.

Por padrão, e se a página da Web estiver em cache, ela será atendida a partir do cache, desde que não haja instrução para ignorá-la (ou seja, adicionar itens ao carrinho em alguns casos específicos).

Mas há um problema.

Ele exibe a versão em cache como se o conteúdo do site fosse estático!

Por este motivo:

O cache do lado do servidor é a melhor escolha para sites com conteúdo estático e cache de curta duração, pois reduz significativamente o número de operações no servidor – sem precisar reconstruir todo o conteúdo por solicitação do usuário. Por outro lado, um cache de servidor altamente dinâmico ainda é possível usando tecnologias avançadas como Edge Side Includes (ESI) ou Ajax (Asynchronous JavaScript and XML).

Vamos experimentar com o cache do lado do cliente:

Quando você usa o cache do lado do cliente, a cópia do site é armazenada no cache do navegador. Portanto, quando o usuário solicita uma página da Web, ela exibe a versão em cache armazenada no navegador, em vez de solicitá-la ao servidor.

Para este exemplo, como seu site possui recursos dinâmicos, seu método preferido será usar JavaScript (JS).

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Ele opera no lado do navegador, portanto, você pode confiar nele executando os scripts no navegador para lidar com as necessidades dinâmicas do seu site em tempo real.

Por este motivo:

Para sites dinâmicos, o cache do lado do cliente resolve os problemas de latência e cache do servidor, reduzindo a carga do servidor.

Agora, se categorizarmos ainda mais, alguns dos tipos de cache da web incluem:

  • Site (Página) Cache
  • Cache do Servidor
  • Cache Proxy
  • Cache do navegador

No entanto, há também um tipo diferente de cache não relacionado aos outros quatro tipos mencionados acima, conhecido como Object Cache .

Object Cache é um processo que armazena os resultados da consulta do banco de dados para que possam ser acessados ​​facilmente na próxima vez que um usuário solicitar. O objeto armazenado em cache será servido instantaneamente do cache sem a necessidade de consultar o banco de dados repetidamente.

O que é Cache do Site (Página)?

O cache do site, também conhecido como HTTP ou cache de página, armazena temporariamente o conteúdo do seu site na primeira vez que você o visita.

Portanto, na próxima vez que você visitar esse site, ele buscará os dados armazenados no cache do site para exibir o conteúdo estático da web mais rapidamente do que faria com uma nova solicitação.

Além disso:

Todos os dados são armazenados no disco rígido ou na memória (RAM) do servidor e você, como proprietário do site, pode determinar quanto tempo um arquivo permanece no cache do site.

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO

Se os elementos do seu site forem estáticos, você poderá definir a data de expiração de um arquivo por mais tempo. No entanto, os elementos dinâmicos de um site têm prazos de validade muito mais curtos. Essas breves datas de expiração informam ao site quando atualizar os arquivos armazenados no cache do site do seu dispositivo.

Sugestão de Leitura: SEO Copywriting: Dicas e ferramentas de SEO Copywriter

O que é Cache do Navegador?

O cache do navegador armazena versões em cache das páginas da Web específicas que um usuário navega. Ele é integrado ao seu navegador da Web – permitindo que o site carregue mais rapidamente para fornecer uma melhor experiência do usuário.

Os caches do navegador funcionam salvando temporariamente cópias dos arquivos de um site, como:

  • páginas HTML
  • Conteúdo multimídia e imagens
  • folhas de estilo CSS
  • scripts JavaScript

Quando o usuário revisita seu site, o navegador buscará os arquivos em cache e os usará para montar o conteúdo do seu site para criar uma experiência de navegação tranquila. O conteúdo em cache carrega mais rápido porque seu navegador não precisa carregar tudo do zero para exibi-lo.

Normalmente, um navegador armazena seu cache por um tempo limitado ou até que esteja cheio. Depois disso, ele limpa automaticamente o cache e exibe o conteúdo do site atualizado na próxima visita.

O forro de prata é:

Você também pode excluir o cache do navegador limpando manualmente os dados de navegação se ocuparem muito espaço – e esse é um dos principais recursos desse tipo de cache!

No Google Chrome, você pode fazer isso clicando em:

Configurações > Privacidade e segurança > Limpar dados de navegação

- Auditoria Gratuita de SEO -
Auditoria Gratuita de SEO
Como limpar os dados do navegador no Google Chrome
Como limpar os dados do navegador no Google Chrome

Quando você visita um site depois de limpar os dados do navegador, ele carrega tudo do zero.

O que é Cache do Servidor?

O cache do servidor também é o tipo de cache da web sobre o qual os usuários finais não têm nenhum controle e é totalmente administrado pelo servidor.

(Nota: Existem principalmente quatro tipos de servidores web – Apache, IIS, Nginx e LiteSpeed ​​.)

Esse tipo de cache é usado principalmente para reduzir as cargas do servidor.

Quando um usuário visita um site e solicita uma página da web do servidor, o servidor verifica o cache e exibe o conteúdo armazenado imediatamente. Isso ajuda a diminuir o tempo de processamento e a retornar páginas da Web mais rapidamente, o que é especialmente benéfico para sites com alto tráfego.

O cache do servidor pode ser considerado um termo abrangente para muitos tipos de caches. Os mais comuns são:

  • Cache de objeto – armazena consultas de banco de dados em um cache do lado do servidor para recuperação rápida e carregamento de página de prompt sem consultar o banco de dados repetidamente.
  • Cache Opcode – armazena código PHP pré-compilado para uma execução mais rápida.

Dica Pró! Aproveite e Conheça nossas Hospedagens Cloud com o melhor custo benefício do mercado!

O que é Cache Proxy?

O cache do proxy armazena conteúdo no servidor proxy, permitindo que os serviços da Web compartilhem esses recursos com mais usuários. O servidor proxy se coordena com o servidor de origem para armazenar em cache os dados do site, como arquivos, imagens e páginas da web.

Quando um usuário abre uma página da web, o proxy verifica se possui uma cópia recente dessa página da web e seus ativos.

Se existir uma cópia, ela exibirá imediatamente essa página da Web ou recurso para o usuário. Por outro lado, se a página da Web for antiga ou ausente, ela busca uma nova cópia da fonte, armazena-a em cache no proxy e a entrega ao usuário.

Depois que um proxy atualiza uma página da Web, ele redefine a data de expiração da página da Web para evitar que ela seja rotulada como desatualizada. A página da Web será entregue até que passe um tempo específico, após o qual o servidor proxy verificará novamente a origem.

Além disso, o cache do proxy também possui um tipo conhecido como:

Cache da rede de entrega de conteúdo (CDN) – um cluster de servidores localizados em diferentes localizações geográficas. O servidor mais próximo ao usuário final retornará o conteúdo em cache para carregar o conteúdo mais rapidamente.

Cache do site x Cache do navegador x Cache do servidor x Cache proxy

Agora que já conhecemos cada tipo de cache – vamos entender as diferenças entre eles:

Cache do site:

  • Salva conteúdo como páginas da web, imagens, texto, etc.
  • Oferece conteúdo muito mais rápido após a primeira visita.
  • Ideal para sites com conteúdo estático.

Cache do navegador:

  • Armazena tipos de dados limitados, como páginas HTML, folhas de estilo CSS, scripts JavaScript, imagens e outros arquivos multimídia.
  • Os arquivos são mais pesados ​​e demoram para carregar – portanto, ficam armazenados no computador.
  • Controlado pelo navegador do usuário.
  • Serve páginas da web diretamente sem processamento do servidor.

Cache do servidor:

  • Salva conteúdo, código, consultas e dados semelhantes em um servidor.
  • Tipo de cache do lado do servidor.
  • Controlado pelo servidor.
  • Administrado por proprietários de sites sem nenhuma entrada dos usuários finais.
  • Melhor para sites de alto tráfego que precisam reduzir a sobrecarga do servidor.

Cache de Proxy:

  • Permite que os serviços da Web compartilhem recursos com vários usuários
  • Economiza largura de banda e diminui o tempo de carregamento
  • Isso pode ajudar em cenários mais complexos, como lidar com recursos dinâmicos ou atualizados com
    frequência (mas somente ao usar conteúdo com segmentação geográfica em que o conteúdo específico do país/região é armazenado separadamente).

Que conteúdo pode ser armazenado em cache?

Existem vários tipos de conteúdo que os proprietários de sites costumam armazenar em cache. No entanto, alguns podem ser armazenados em cache, mas muitos proprietários de sites não os armazenam em cache, pois parece “ arriscado” . E, por último, há alguns que não devem ser armazenados em cache.

Vamos dar uma olhada em todos eles.

Os arquivos que podem ser armazenados em cache, mas raramente armazenados em cache, incluem:

  • Páginas com conteúdo dinâmico
  • Solicitações Ajax/REST se o cache for limpo
  • Outro código que precisa mudar com menos frequência

Os arquivos que são frequentemente armazenados em cache e devem ser armazenados em cache incluem:

Páginas com conteúdo estático ou tipos de conteúdo que permanecem os mesmos para todos os usuários e não mudam com frequência, como

  • imagens estáticas
  • Logotipos e recursos
  • folhas de estilo CSS
  • Arquivos para download ou outro conteúdo

Os arquivos que não devem ser armazenados em cache incluem:

  • Conteúdo dinâmico, ou em termos mais simples, dados personalizados usando condições para serem exibidos
  • Quaisquer dados confidenciais (como informações de cartão de crédito)

Conclusão sobre Tipos de Cache

O aumento no desempenho do seu site após a implementação do cache é simplesmente irresistível. Se bem feito, pode desbloquear um nível totalmente novo de experiência do usuário, classificações de mecanismos de pesquisa e receita, otimizando o desempenho do seu site WordPress.

No entanto, com tantas opções de cache disponíveis, parece assustador entender qual delas se adapta bem ao seu site.

Mas agora, como você está bem ciente de todos os tipos de cache existentes e de como eles funcionam, é hora de fazer o cache! (sem trocadilhos)

Subscription Form

Assine nossa Newsletter!

Fique por dentro das últimas atualizações de desempenho do WordPress e da web.
Direto para sua caixa de entrada a cada duas semanas.

Compatilhe este Conteúdo
Seguir
É especialista em WordPress com mais de 10 anos de experiência no CMS, além de experiência em provedores de hospedagem, banco de dados, front-end e back-end em desenvolvimento web. Trabalhou ou teve participação em projetos ligado à empresas: Hopi Hari, iG, entre muitos outros