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

Ouça este artigo

Cache de páginas do site com .htaccess. Uma etapa igualmente importante da otimização técnica é a inclusão da compactação gzip ou da minificação 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 conteúdo do artigo:

• O que é um cache de site - como o cache afeta um site
• Como habilitar e configurar o cache do site
• Conjunto de cabeçalho de código Cache-Control
• Um exemplo da construção “FilesMatch” que desativa o cache forçado
• Código de Cache Simples
• Um caso de uso mais sério para Cache
• Configurando o cache no navegador do lado do usuário por 3 a 7 dias ou por um ano
• Cache de conteúdo (Flash, CSS, JS, HTML, XML) e imagens
• Cache com plug-ins do 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 ativado 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

# Cache-Control # 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

# Expires Headers - 2678400s = 31 dias ExpiresActive On ExpiresDefault "acesso mais 1 segundo" ExpiresByType text/html "acesso mais 7200 segundos" ExpiresByType image/gif "acesso mais 2678400 segundos" ExpiresByType imagem/jpeg "acesso mais 2678400 segundos" imagem do tipo ExpiresBy / 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

ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType text/x-component A31536000 ExpiresByType application/x-javascript A31536000 ExpiresByType application/javascript A31536000 ExpiresByType text/javascript A31536000 ExpiresByType text/x -js A 31536000 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType image /svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType image /bmp A315 36000 ExpiresByType aplicativo/java A31536000 ExpiresByType vídeo/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 ExpiresByType application/x-gzip A31536000 ExpiresByType image/x -icon A 31536000 imagem ExpiresByType/jpeg A31536000 imagem ExpiresByType/webp A31536000 ExpiresByType application/json A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/mp4 A31536 000 Exp vídeo iresByType/mpeg A31536000 aplicativo ExpiresByType/vnd.ms-project A31536000 ExpiresByType aplicativo /x-font-otf A31536000 aplicativo ExpiresByType/vnd.ms-opentype A31536000 aplicativo ExpiresByType/vnd.oasis.opendocument.database A31536000 aplicativo ExpiresByType/vnd.oasis.opendocument.chart A31536000 aplicativo ExpiresByType/vnd.oasis. opendocument.formula A 31536000 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 ExpiresByType aplicativo /pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType image/svg+xml A31536000 ExpiresByType application/x-shockwave-flash A31 5 36000 ExpiresByType application/x-tar A31536000 ExpiresByType image/ tiff A31536000 ExpiresByType application/x-font-ttf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType application/vnd.ms-write A3153 6000 ExpiresByType application/font-woff A31536000 ExpiresByType aplicativo/fonte -woff2 A31536000 aplicativo ExpiresByType/vnd.ms-excel A31536000 aplicativo ExpiresByType/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 usuário ExpiresActive On 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 " access mais 7 dias" ExpiresByType text/x-javascript "acesso 1 ano" ExpiresByType imagem/gif "acesso mais 1 ano" ExpiresByType imagem/jpeg "acesso mais 1 ano" ExpiresByType imagem/png "acesso mais 1 ano" ExpiresByType imagem/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.

ExpiresActive On # Image Cache ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access plus 2592000 seconds" ExpiresByType image/png "access plus 2592000 seconds" ExpiresByType image/gif "access plus 2592000 seconds" # cache content (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

Um plugin de cache popular e bastante poderoso para WP. Possui um grande número de várias configurações, incluindo otimização de HTML, CSS e Js. Mesmo um usuário iniciante pode descobrir isso.

WP SuperCache

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

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.

Lendo este artigo:

• Como criar um arquivo robots.txt para um site - robôs corretos
• Arquivo Htaccess - como criar uma instrução de arquivo .htaccess para iniciantes

Obrigado por ler: AJUDANTE DE SEO | NICOLA.TOP