Cache de páginas do site usando .htaccess - Cache

impressão · Время на чтение: 9mínimo · por · Publicados · Atualizada

reproduzirOuça o artigo

Cache de arquivos estáticos e páginas.

Cache de páginas do site com .htaccess. Uma etapa igualmente importante de otimização técnica, pois habilitar compactação gzip ou minificação de CSS. A ativação de páginas e arquivos de cache permitirá aumentar significativamente a velocidade do site. E também às vezes reduz a carga no servidor. Graças a manipulações simples, seu site começará a voar.

Neste artigo, falaremos sobre todos os aspectos desse tópico. Qual a importância da cache para o site e sua aplicação. Vou descrever exemplos que você pode aplicar na prática. Além disso, haverá uma breve revisão de alguns plug-ins de cache razoavelmente bons para WordPress.

O que é um cache de site - como o cache afeta um site

Em termos simples, o cache - isso está salvando informações sobre o site do usuário no navegador. Assim, a carga principal no servidor é reduzida. Uma parte significativa do site não precisará ser carregada, pois sua parte salva será carregada pelo navegador do usuário. Este é um método extremamente eficaz de acelerar o carregamento do site.

Cache ou cache ou Cache é uma área de transferência intermediária com acesso rápido. Reter e conter informações frequentemente solicitadas. O acesso aos dados no cache é mais rápido do que a partir de fontes de memória mais lentas. Mas há um limite de memória. Em linguagem simples, Cache é uma memória curta.

Ao mesmo tempo, o cache não prejudica o usuário. Mas melhora a exibição do seu projeto em seu navegador. Como isso acontece! Quando o usuário visita o site. Seu carregamento é um pouco mais lento do que deveria. Isso se deve ao fato de que o navegador neste momento salva alguma cópia do site. Em maior medida, isso se aplica a:

  1. para logotipos;
  2. imagens pequenas;
  3. arquivos css;
  4. estrutura geral da página.

Assim, parte do site fica constantemente na memória (cache) do navegador do usuário. Devido a isso, ao recarregar o site, o visitante obtém a maior velocidade de resposta possível. O navegador neste momento descarrega alguns dos elementos de sua memória. E no site, não há necessidade de retransmitir uma grande quantidade de informações.

Quando o site estiver com o cache habilitado e configurado. Uma determinada parte dele será salva pelo período necessário no cache local do navegador do visitante. Quais páginas da web carregarão muito mais rápido em visitas repetidas.

Como habilitar e configurar o cache do site

Não é nada difícil fazer isso. Continuaremos trabalhando com o arquivo htaccess, que define as regras do servidor. Como trabalhar com isso, descrevi em muitos artigos. Então vou direto ao ponto. De acordo com o padrão, o cache é definido para os arquivos necessários e por um determinado período de tempo. Após o término do tempo alocado para armazenamento do arquivo, sua versão atual será baixada novamente do servidor. Para isso você precisa:

  • Crie uma construção do tipo FilesMatch. Nele, especificamos as extensões de arquivo necessárias para armazenamento em cache.
  • Em seguida, especificamos o cabeçalho Cache-Control com a variável max-age. Aqui Cache-Control é o cabeçalho de resposta do servidor. Max-age é uma variável que especifica o tempo de armazenamento do arquivo em segundos.

Uma lista típica de extensões usadas na construção FilesMatch:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

Esses arquivos que você não deseja armazenar em cache não precisam ser incluídos na lista da construção FilesMatch.

Exemplo de código Header set Cache-Control

Controle de Cache #

# 30 dias

Header set Cache-Control “max-age=2592000, public”

# 30 dias

Header set Cache-Control “max-age=2592000, public”

# 2 dias

Header set Cache-Control “max-age=172800, public, must-revalidate”

Valor -#- comentário! Como você pode ver, os comentários indicam os termos pelos quais os arquivos serão salvos. Há também uma opção para desativar o cache forçado. Esta opção é adequada para arquivos dinâmicos. Mais relacionado a scripts e vários cenários.

Um exemplo da construção “FilesMatch” que desativa o cache forçado


Cabeçalho não definido Cache-Control

Como você pode ver, não há prazos. Portanto, essas extensões de arquivo não serão armazenadas em cache. Neste design, você pode adicionar suas extensões de arquivo.

Há também outra maneira de gerenciar o Cache - que é usado por muitos plugins no WordPrees. Neste método, usaremos o módulo mod_expires. Este módulo tem a capacidade de controlar cabeçalhos de resposta HTTP no lado do servidor. Aqui, o tempo principal para armazenar dados no cache pode ser definido por você.

Possui várias configurações para a duração do armazenamento de dados:

  1. por tempo de acesso do cliente;
  2. ou pela última modificação do arquivo;
  3. ajuste de tempo;

Exemplo de código de cache simples

# expira cabeçalhos - 2678400s = 31 dias

Expira Ativo em
ExpiresDefault “acesso mais 1 segundo”
ExpiresByType text/html “acesso mais 7200 segundos”
ExpiresByType image/gif “acesso mais 2678400 segundos”
ExpiresByType image/jpeg “acesso mais 2678400 segundos”
ExpiresByType image/png “acesso mais 2678400 segundos”
ExpiresByType text/css "acesso mais 518400 segundos"
ExpiresByType text/javascript “acesso mais 2678400 segundos”
ExpiresByType application/x-javascript “acesso mais 2678400 segundos”

Um caso de uso mais sério para Cache

Expira Ativo em
ExpiresByType text/css A31536000
ExpiresByType text/x-component A31536000
ExpiresByType application/x-javascript A31536000
Aplicativo ExpiresByType/javascript A31536000
ExpiresByType texto/javascript A31536000
ExpiresByType text/x-js A31536000
ExpiresByType texto/html A3600
ExpiresByType text/richtext A3600
ExpiresByType imagem/svg+xml A3600
ExpiresByType texto/simples A3600
ExpiresByType text/xsd A3600
ExpiresByType text/xsl A3600
ExpiresByType text/xml A3600
ExpiresByType vídeo/asf A31536000
ExpiresByType vídeo/avi A31536000
Imagem ExpiresByType/bmp A31536000
ExpiresByType application/java A31536000
ExpiresByType video/divx A31536000
ExpiresByType application/msword A31536000
ExpiresByType application/vnd.ms-fontobject A31536000
ExpiresByType application/x-msdownload A31536000
ExpiresByType imagem/gif A31536000
ExpiresByType application/x-gzip A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType imagem/webp A31536000
ExpiresByType application/json A31536000
ExpiresByType application/vnd.ms-access A31536000
ExpiresByType áudio/midi A31536000
ExpiresByType vídeo/tempo rápido A31536000
ExpiresByType áudio/mpeg A31536000
ExpiresByType vídeo/mp4 A31536000
ExpiresByType vídeo/mpeg A31536000
ExpiresByType application/vnd.ms-project A31536000
ExpiresByType application/x-font-otf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType application/vnd.oasis.opendocument.database A31536000
ExpiresByType application/vnd.oasis.opendocument.chart A31536000
ExpiresByType application/vnd.oasis.opendocument.formula A31536000
ExpiresByType application/vnd.oasis.opendocument.graphics A31536000
ExpiresByType application/vnd.oasis.opendocument.presentation A31536000
ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000
ExpiresByType application/vnd.oasis.opendocument.text A31536000
ExpiresByType audio/ogg A31536000
Aplicativo ExpiresByType/pdf A31536000
ExpiresByType imagem/png A31536000
ExpiresByType application/vnd.ms-powerpoint A31536000
ExpiresByType audio/x-realaudio A31536000
ExpiresByType imagem/svg+xml A31536000
ExpiresByType application/x-shockwave-flash A31536000
ExpiresByType application/x-tar A31536000
ExpiresByType imagem/tiff A31536000
ExpiresByType application/x-font-ttf A31536000
ExpiresByType application/vnd.ms-opentype A31536000
ExpiresByType áudio/wav A31536000
ExpiresByType áudio/wma A31536000
ExpiresByType application/vnd.ms-write A31536000
ExpiresByType application/font-woff A31536000
ExpiresByType application/font-woff2 A31536000
ExpiresByType application/vnd.ms-excel A31536000
ExpiresByType application/zip A31536000

Como podemos ver, um grande número de extensões é afetado aqui. Com o mesmo prazo de validade.

Armazenamento em cache no navegador do lado do usuário por 3 a 7 dias ou por um ano

Aqui, a maior parte das extensões de arquivo será salva por um ano. Em grande medida, isso é útil para imagens, pois acho que poucas pessoas as alteram. Assim, eles serão carregados no navegador do visitante durante o ano.

Cache do navegador do lado do usuário #

Expira Ativo em
ExpiresDefault “acesso 7 dias”
ExpiresByType application/javascript “acesso mais 1 ano”
ExpiresByType text/javascript “acesso mais 1 ano”
ExpiresByType text/css “acesso mais 1 ano”
ExpiresByType text/html “acesso mais 7 dias”
ExpiresByType text/x-javascript “acesso 1 ano”
ExpiresByType image/gif “acesso mais 1 ano”
ExpiresByType image/jpeg “acesso mais 1 ano”
ExpiresByType image/png “acesso mais 1 ano”
ExpiresByType image/jpg “acesso mais 1 ano”
ExpiresByType image/x-icon “acesso 1 ano”
ExpiresByType application/x-shockwave-flash “acesso 1 ano”
ExpiresByType js “acesso 3 dias”

Cache de conteúdo (Flash, CSS, JS, HTML, XML) e imagens

Neste exemplo, estamos usando apenas o cache para determinados arquivos. E por um período mais curto.

Expira Ativo em
Cache de imagem #
ExpiresByType image/x-icon “acesso mais 2592000 segundos”
ExpiresByType image/jpeg “acesso mais 2592000 segundos”
ExpiresByType image/png “acesso mais 2592000 segundos”
ExpiresByType image/gif “acesso mais 2592000 segundos”
Cache de conteúdo # (Flash, CSS, JS, HTML, XML)
ExpiresByType application/x-shockwave-flash “acesso mais 2592000 segundos”
ExpiresByType text/css “acesso mais 604800 segundos”
ExpiresByType text/javascript “acesso mais 2592000 segundos”
ExpiresByType application/javascript “acesso mais 2592000 segundos”
ExpiresByType application/x-javascript “acesso mais 2592000 segundos”
ExpiresByType text/html “acesso mais 600 segundos”
ExpiresByType application/xhtml+xml “acesso mais 600 segundos”

Configurar o cache de páginas e arquivos do site não é uma coisa tão difícil. O principal é escolher a estratégia certa. Todos os exemplos acima, você pode usar a seu critério. Teste as estratégias e escolha a opção de código certa. Abaixo falarei sobre alguns plugins de Cache para WordPress.

Configurando o cache com plugins do WordPress

Para quem utiliza o CMS o WordPress possui uma enorme variedade de plugins de cache. Todos eles têm uma solução completa e configuração automática. Não deve haver nenhum problema específico ao usar esses plugins. Depois de instalar esse plug-in, você só precisa aplicar as configurações necessárias. O plug-in os salvará automaticamente no arquivo htaccess.

WP cache mais rápido

WP Fastest Cache Premium Fastest Cache Plugin.

Um plugin de cache popular e bastante poderoso para WP. Possui uma ampla variedade de configurações, incluindo Otimização de HTML, CSS e Js. Mesmo um usuário iniciante pode descobrir isso.

WP SuperCache

WP Super Cache é um plugin para acelerar o carregamento da página.

Plug-in muito popular! Excelente funcionalidade e configurações convenientes. Capaz de armazenar em cache um grande número de objetos diferentes. Configurar o plug-in é muito simples.

Cache Total W3

O melhor plugin de cache do WordPress é o W3 Total Cache.

Solução poderosa para grandes sites. O plugin mais popular entre seu tipo. Existe uma enorme variedade de configurações e funcionalidades. Você precisa configurá-lo com cuidado, pois pode causar erros críticos. Existe a possibilidade de conflitos com outros plugins ou temas. Mas em termos de funcionalidade, um plugin muito bom e poderoso.

Estes são os plugins de cache principais e mais populares que eu mesmo usei. Você pode escolher qualquer um dependendo de suas preferências.

Finalmente

Neste artigo, tentei abordar o tópico de armazenamento em cache o máximo possível. Especificando exemplos que podem ser usados dependendo de suas características. A configuração do cache com este guia funcionará como um relógio para você. Espero que este artigo seja relevante por muito tempo. Agradeço a atenção, mas não me despeço. Nos vemos nos próximos artigos.

Obrigado por ler Nicola Top

Quão útil é o post?

Clique no smiley para avaliar!

classificação média 4.9 / 5. Número de avaliações: 25

Não há avaliações ainda. Avalie primeiro.

Você pode gostar...

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

quatro + 10 =