Como adicionar cabeçalhos de expiração ao seu site WordPress » Rank Math

Você já se deparou com uma sugestão como “adicionar cabeçalhos de expiração”? Você não está sozinho se tiver. É um dos conselhos de desempenho de sites mais comuns que você ouvirá quando começar a otimizar seu site.

Se você gerencia um site WordPress, provavelmente está sempre procurando novos métodos para tornar seu site mais rápido. Adicionar cabeçalhos de expiração é uma dessas opções.

Os cabeçalhos de expiração são regras que informam aos navegadores se devem carregar imagens do cache do navegador do visitante ou do seu servidor. Isso pode ajudar seu site a funcionar com mais facilidade. Você pode adicionar cabeçalhos de expiração manualmente ou com a ajuda de um plugin.

Esta postagem explicará o que são cabeçalhos de expiração e como eles afetam seu site. Além disso, mostraremos métodos passo a passo sobre como adicionar cabeçalhos de expiração no WordPress.

Para entender os cabeçalhos de expiração e como usá-los em WordPress, você deve primeiro entender o cache do navegador. HTML, JavaScript e CSS são exemplos de arquivos estáticos que compõem uma página da web. Como esses arquivos não são alterados regularmente, os arquivos idênticos serão recuperados nas duas vezes se você solicitar a página ontem e solicitar novamente hoje.

E se você salvasse esses arquivos em seu navegador quando os solicitou ontem? Quando você fizer as solicitações de hoje, esses arquivos serão carregados rapidamente do seu navegador em vez do servidor da Web, diminuindo o uso de recursos e aumentando o tempo de carregamento da página.

Isso seria significativamente mais rápido, e o cache faz isso.

Por outro lado, o cache do navegador não pode manter os arquivos de um site (imagens, CSS, Javascript etc.) indefinidamente; ele precisa ser instruído quando excluir os antigos e solicitar novos.

É aqui que entra o cabeçalho expires. regras especificadas na seção de cabeçalho de um site que aconselham o navegador a descartar arquivos em cache e buscar novas cópias.

Você pode usar um plugin ou editar seus arquivos de servidor para adicionar cabeçalhos de expiração ao WordPress. O primeiro é melhor para usuários avançados, pois cometer um erro ao modificar os arquivos do servidor pode quebrar algo em seu site. Se você não tem muito conhecimento técnico, um plugin é melhor.

2 Como adicionar cabeçalhos de expiração ao seu site WordPress?

2.1 Usando um plug-in do WordPress

Para habilitar os cabeçalhos de expiração em seu site, você pode usar o plugin WordPress. Embora existam muitos plugins para escolher, os plugins de cache são uma excelente escolha. Este plugin permite o cache do navegador e expira os cabeçalhos em apenas alguns cliques. Vamos dar uma olhada nos passos com Cache Total W3.

Em primeiro lugar, instale e ative o plugin de Plug-ins > Adicionar Novo seção do seu painel do WordPress.

Instale e ative o plugin W3 Total Cache para adicionar cabeçalhos de expiração

Depois de ativar o plug-in, navegue até Desempenho > Cache do navegador. No Em geral sub-caixa, marque a opção Definir cabeçalhos de expiração como mostrado abaixo.

Ativar cabeçalhos de expiração

Agora vá para o Seção CSS e JS e selecione a caixa ao lado do Definir cabeçalho expira, insira o valor da vida útil do cabeçalho Expires em segundos. Por padrão, esse número é definido como 31536000 segundos ou 365 dias. Isso pode ser alterado conforme necessário.

Seção CSS e JS

Repita a etapa acima para as seções HTML e XML e Mídia e outros arquivos. Feito isso, clique em Salvar todas as configurações botão.

2.2 Adicionar cabeçalhos de expiração em um servidor Apache

Se o host do seu site utiliza o servidor web Apache, você pode usar o arquivo .htaccess na pasta raiz do seu servidor para adicionar cabeçalhos de expiração.

Rank Math torna extremamente fácil para você editar seu arquivo .htacess dentro do seu painel do WordPress. Você pode editar seu arquivo .htaccess navegando até Rank Math > Configurações Gerais > Editar .htaccess.

Edite .htaccess com Rank Math

Você também pode editar o arquivo .htaccess conectando seu servidor através de seu painel de hospedagem com a ajuda de um FTP ou cPanel. Para simplificar, usaremos o cPanel para estabelecer a conexão.

Primeiro, você precisa fazer login no seu cPanel. Depois que a conexão for estabelecida, navegue até Gerenciador de arquivos e clique no public_html pasta.

navegue até a pasta public_html

Depois de entrar na pasta, procure o arquivo .htaccess. Se você ainda não conseguir encontrá-lo, verifique se a opção de arquivos ocultos está definida como mostrar.

Abra o arquivo .htaccess

Agora, adicione o seguinte código ao arquivo e salve-o.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType text/javascript "access 1 month”
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year”
ExpiresByType image/gif "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month”
ExpiresByType application/xhtml+xml "access 1 month""
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 4 days"
</IfModule>

Como você pode ver, o código acima implementa cabeçalhos de expiração para vários tipos de recursos, incluindo imagens, vídeo, CSS, JavaSCript e muito mais. Os vários formatos de arquivo têm datas de expiração variadas. Você pode personalizar estes e o cabeçalho ExpiresDefault para melhor atender às suas necessidades.

2.3 Adicionar cabeçalhos de expiração em um servidor Nginx

NGINX não é o mesmo que o servidor web Apache. É por isso que você não conseguirá localizar o arquivo .htaccess. Então, como você inclui cabeçalhos de expiração no NGINX?

Você precisará editar o arquivo de configuração do seu servidor. A forma como você acessa e edita esse arquivo varia de acordo com o host – você sempre pode entrar em contato com a equipe de suporte do seu host para obter assistência.

Em seguida, adicione o seguinte trecho de código ao seu bloco de servidor.

location ~* \.(jpg|jpeg|gif|png)$ {
   expires 365d;
}

location ~* \.(pdf|css|html|js|swf)$ {
   expires 2d;
}

Você pode ajustar os tempos de expiração para diferentes tipos de arquivos conforme sua necessidade. Depois de fazer essas alterações, salve seu arquivo de configuração e reinicie o Nginx.

Conclusão

Os cabeçalhos Expira claramente melhoram o desempenho de carregamento do site. Mesmo que não melhore significativamente a velocidade do seu site, a estratégia certamente melhorará a experiência do usuário.

Você pode usar cabeçalhos de expiração para gerenciar como os diferentes tipos de arquivo são armazenados em cache e servidos aos visitantes. Eles podem ajudar a melhorar os tempos de carregamento para visitantes regulares, além de garantir que eles visualizem apenas conteúdo novo. É por isso que eles são cruciais para o desempenho do site e a satisfação geral do usuário.

Com isso dito, é importante entender como implementar cabeçalhos de expiração corretamente. Isso tornará seu site mais lento se você fizer isso incorretamente. Isso é particularmente verdadeiro para sites mais dinâmicos e funcionais, como sites de comércio eletrônico.

Esperamos que esta postagem tenha fornecido a você o conhecimento necessário para adicionar cabeçalhos de expiração ao seu site. se você gostou deste post deixe-nos saber por Tweetando @rankmathseo. 💬

Source link

Amazon Coaching Grátis

Venda 25K Dólares com apenas um Produto no Amazon.

Artigos Relacionados

LEAVE A REPLY

Please enter your comment!
Please enter your name here

5 × 5 =

- Ana Pereira -spot_img

Últimos Artigos