Configurando o cache

✔️ Tag: Configurações de cache

A configuração de cache permite que o navegador baixe as páginas uma vez e as armazene no cache. Cada vez subseqüente, o servidor não precisa reprocessar os mesmos dados e enviá-los ao usuário. O navegador já "lembrou" os elementos necessários e os exibirá quase imediatamente, sem usar tráfego adicional.

Quando os sites carregam, muitos arquivos precisam ser carregados todas as vezes: páginas HTML, estilos CSS, scripts JavaScript, imagens e outros recursos. Isso leva tempo e reduz o desempenho do site. No entanto, ao configurar o cache, você pode acelerar significativamente o carregamento do site e melhorar sua usabilidade.

O que é cache e como funciona?

Cache é o processo de armazenamento temporário de dados. O que ajuda a reduzir a carga do servidor e acelerar o carregamento da página. Quando um usuário abre o site, seu navegador baixa todos os recursos necessários e os armazena no dispositivo local. No futuro, na próxima vez que você visitar o site. O navegador pode carregar dados do cache, o que acelera bastante o processo de carregamento.

Como configurar corretamente o cache?

Para configurar o cache, você deve definir os parâmetros corretos no cabeçalho de resposta HTTP do servidor. No cabeçalho, você pode especificar por quanto tempo deseja salvar recursos no navegador ou no cache do servidor. Bem como configurações de cache para tipos específicos de recursos. Também é importante lembrar de atualizar o cache quando os recursos do servidor forem alterados.

Quais são os tipos de cache?

Existem dois tipos de cache: do lado do cliente e do lado do servidor. O cache do lado do cliente ocorre no lado do usuário e o cache do lado do servidor ocorre no lado do servidor. Quando configurado corretamente para ambos os tipos de cache, você pode reduzir significativamente o tempo de carregamento da página e reduzir a carga do servidor.

Como melhorar a eficiência do cache?

Você pode usar os seguintes métodos para melhorar a eficiência do armazenamento em cache. Por exemplo, como compactação de recursos, minimização e mesclagem de arquivos, uso de CDN. Esses métodos ajudam a reduzir o tamanho dos recursos baixados e melhorar a velocidade de download.

Cache do navegador

O navegador é uma ferramenta importante para trabalharmos na Internet. Para que possamos navegar na Internet sem problemas, também nos ajudará a armazenar páginas em cache, basicamente armazenando dados. Que não são muito sensíveis em tempo real, como páginas de detalhes do produto, classificações, comentários, palavras promocionais, etc. Para dados com altos requisitos de tempo real, o cache do navegador não pode ser usado. O cache do navegador tem uma data de validade e podemos gerenciá-lo. Por exemplo, controlar o cabeçalho de resposta Expires e Cache-control.

Cache do cliente

O cache do lado do cliente é fácil de entender, o que significa que ele é armazenado em um cache do lado do cliente. Além disso, alguns dados resultantes ou arquivos de estilo também serão armazenados no cache do cliente. Para garantir que o aplicativo não trave quando o servidor ou a rede estiver anormal.

Cache CDN

CDN (rede de entrega de conteúdo), rede de distribuição de conteúdo. É uma rede distribuída composta por grupos de servidores edge node distribuídos em diferentes regiões, instalados e cobertos em uma rede operadora. Normalmente armazenamos alguns dados de página estática, páginas ativas, imagens e outros dados em um cache CDN. Existem dois mecanismos de cache CDN: mecanismo push (enviando dados ativamente para nós CDN após alterações de conteúdo). E também, o mecanismo pull (primeiro acesso aos nós CDN, retornando dados do servidor de origem e salvando os nós CDN na ausência de dados).

Cache local

O cache local geralmente se refere ao compartilhamento de uma parte da memória física local do cliente para armazenar em buffer os dados gravados de volta no servidor pelo cliente. De um ponto de vista global, podemos ter "cache de disco", "cache de CPU", "cache de aplicativo" O "cache de disco" é dividido em cache de leitura e cache de gravação. O cache de leitura significa que o sistema operacional armazena os dados lidos de um arquivo no espaço de memória. Quando a memória está relativamente livre (esse espaço de memória é chamado de "pool de memória"). Quando o software ou usuário lê o mesmo arquivo novamente na próxima vez.

Você não precisa mais ler os dados do disco novamente, o que aumenta a velocidade. O cache de gravação realmente armazena os dados a serem gravados no disco no espaço de memória alocado pelo sistema para o cache de gravação. Quando os dados armazenados no pool de memória atingem um determinado nível, os dados são salvos no disco rígido.

Configurando o cache de elementos estáticos (geralmente CSS, JS, imagens). Os cabeçalhos HTTP necessários devem ser enviados para esses elementos.

Observe que isso não tem nada a ver com sua página HTML: CSS/JS/imagens são recuperadas usando diferentes solicitações HTTP - uma para cada recurso.

O que você precisa fazer é configurar o servidor web para enviar cabeçalhos HTTP. Para indicar que o navegador deve armazenar em cache esses elementos.

Normalmente, ao usar o Apache, você usará mod_expires.

A configuração do cache é um elemento importante da otimização do site. O cache configurado corretamente pode reduzir o tempo de carregamento da página e melhorar a experiência do usuário no site. No entanto, é importante lembrar que configurações de cache incorretas podem levar a bugs e desempenho lento.

⟹ A seguir estão os materiais que cobrem este tópico: