Como ativar o cache do navegador no WordPress

Ofertas do WordPress


A velocidade do seu site desempenha um papel vital no fornecimento de uma experiência ideal ao usuário. (Observação: se você estiver interessado em aprender a verificar a velocidade do seu site, consulte nosso artigo sobre o GTmetrix.) Um site lento pode causar interrupções nas vendas, diminuir as conversões e, a longo prazo, afetar seriamente satisfação do cliente e número geral de visitantes.

Resumindo: tudo o que você pode fazer para diminuir o tempo de carregamento contará. Abaixo, abordaremos cache do navegador, incluindo o que é, o que isso significa para o WordPress e como você pode ativá-lo em seu site.

Vamos começar…

O que é o cache do navegador?

Um site consiste essencialmente em vários arquivos que se encaixam para criar uma série de páginas da web. Alguns deles conterão texto (como o corpo principal de uma postagem de blog), outros conterão informações de estilo para os elementos da página (cabeçalho, rodapé, barra lateral, etc.), outros serão imagens etc..

Agora, sempre que você navega em um site, provavelmente notará muitos elementos comuns: todas as páginas têm estilo semelhante (todas compartilham cores e elementos de design semelhantes), o logotipo sempre é o mesmo, os menus suspensos estão sempre disponíveis e o gosto. Portanto, se existem elementos comuns, por que baixá-los sempre que alguém carrega uma nova página? Uma idéia muito melhor seria carregar esses elementos comuns uma vez, armazená-los no navegador e depois basta reutilizá-los conforme necessário – como quando alguém passa de uma página para outra no site ou quando alguém revisita o site posteriormente.

Essa é a essência do cache do navegador. Essencialmente, o cache do navegador analisa os arquivos que você definiu como arquivos que não são alterados com muita frequência (mais sobre isso abaixo) e os baixa no navegador do visitante apenas uma vez. Depois de baixados para o cache do navegador, esses arquivos não serão baixados novamente. Isso significa que, em vez de precisarem ser baixados várias vezes, eles estarão prontos para serem usados ​​a qualquer momento – reduzindo assim a carga nos servidores do site e, mais importante, reduzindo significativamente o tempo necessário para carregar as páginas subseqüentes..

Observação: quando um novo visitante chega ao seu site, a velocidade com que a primeira página que ele acessa é realmente a mesma, independentemente de o cache do navegador estar ativado ou não, pois, como nunca visitaram o site, o navegador pode ‘ possivelmente ainda não teve a oportunidade de armazenar nenhum arquivo do seu site. Os benefícios do cache do navegador, portanto, só serão sentidos quando um visitante carregar mais de uma página e / ou revisitar seu site.

Como aproveitar o cache do navegador no WordPress

Ativar o cache do navegador não é difícil, mas, porque requer a edição de um arquivo de site um pouco complicado (o arquivo .htaccess do seu site, requer algum conhecimento preliminar).

Nota: o cache do navegador não é específico do WordPress, a maneira de ativá-lo é a mesma, independentemente do sistema que você usa.

Existem essencialmente duas maneiras de fazer isso.

A maneira super fácil: fale com o seu anfitrião

Para ativar o cache do navegador, você precisará editar – ou talvez criar – um arquivo chamado arquivo .htaccess. Leia mais. Um erro de digitação neste arquivo pode fazer com que todo o site fique temporariamente inacessível, portanto,, se você tiver alguma dúvida sobre o que fazer, talvez seja melhor pergunte ao seu anfitrião fazer isso por você – apenas para estar seguro. Se você estiver usando uma ótima empresa de hospedagem, precisa de um host melhor?, Eles certamente poderão configurá-lo em alguns minutos (se já não o tiverem).

Editando o arquivo .htaccess por conta própria

O arquivo .htaccess pode ser um local assustador; é um exemplo clássico de “com grande poder e grande responsabilidade”, permitindo que você acelere seu site, crie redirecionamentos e faça coisas incríveis. No entanto, todo esse poder tem um preço – um erro neste arquivo provavelmente fará com que todo o site seja desativado.

Corrigir é uma questão de desfazer o que você adicionou, mas, para um iniciante, pode ser uma experiência assustadora. Eu recomendo experimentar em um site de teste antes de sujar as mãos com um importante site ao vivo.

A primeira coisa que você precisa é uma maneira de acessar os arquivos do seu servidor. A maneira mais comum de fazer isso é via FTP (protocolo de transferência de arquivos – leia mais. O arquivo pode ser um pouco complicado de encontrar porque é um arquivo de ponto – um arquivo oculto em um sistema baseado em Linux, o que é um arquivo de ponto? -, mas a maioria Os editores de FTP têm a opção ‘mostrar arquivos ocultos’ que deve permitir a visualização desses arquivos. (Nota: Se você estiver usando um Mac, leia nosso artigo sobre como baixar, editar e re-carregar um arquivo htaccess sem precisar alterar qualquer uma das configurações do seu computador.)

O arquivo .htaccess deve estar na sua pasta principal do WordPress – a mesma pasta que contém as pastas wp-content, wp-includes e wp-admin. Se você não conseguir encontrá-lo, tudo bem, pode não existir. Nesse caso, você precisará criá-lo (receio que algo não abordado aqui). Depois de encontrado (ou criado), você deseja adicionar o seguinte código usando um editor de texto sem formatação, NÃO um processador de texto!

ExpiresActive On
ExpiresByType image / jpg "acesso mais 1 ano"
ExpiresByType image / jpeg "acesso mais 1 ano"
ExpiresByType image / gif "acesso mais 1 ano"
ExpiresByType image / x-icon "acesso mais 1 ano"
ExpiresByType image / png "acesso mais 1 ano"
ExpiresByType text / css "acesso mais 1 mês"
ExpiresByType text / x-javascript "acesso mais 1 mês"
Aplicativo ExpiresByType / x-shockwave-flash "acesso mais 1 mês"
ExpiresDefault "acesso mais 2 dias"

Essas linhas informam ao navegador do usuário como armazenar em cache cada tipo de arquivo. Acima, eu configurei imagens jpg, jpeg, gif, ícones e png para serem armazenadas em cache por um ano (uma vez que elas quase nunca mudam) e os arquivos CSS, JavaScript e Flash para serem armazenados em cache todos os meses (uma vez que são mais suscetíveis a alterações ) Também defini o padrão para dois dias para todos os arquivos que não foram especificados.

Desativando para desenvolvimento

Como esses arquivos ficam em cache por algum tempo (a qualquer momento que você decidir definir para cada tipo de arquivo), o desenvolvimento pode ser difícil, por isso recomendo não usar o cache do navegador para sites que ainda estão em desenvolvimento. Você pode acessar as configurações do seu navegador e limpar o cache manualmente a cada vez, é claro, mas isso logo se tornará cansativo (além disso, não é tão fácil limpar o cache de outra pessoa – dicas abaixo).

Se você começar a mudar as coisas, primeiro mude o cache para algo muito mais curto, como um único dia – nesse caso, os usuários verão os novos recursos quando passarem 24 horas.

Outro método usado pelos desenvolvedores para atualizar arquivos em cache é adicionar parâmetros de consulta aos seus recursos. Se você estiver carregando o script.js, por exemplo, uma vez armazenado em cache, todas as alterações feitas nele serão baixadas somente após um ano (ou por quanto tempo você o definir). Para contornar isso, os desenvolvedores geralmente anexam a versão do recurso ao URL. Portanto, em vez de “http://mysite.com/scripts.js”, o URL se torna algo como “http://mysite.com/scripts.js?version=1.0” e, quando o script muda novamente, o desenvolvedor novamente substitui o URL do recurso, tornando-o “http://mysite.com/scripts.js?version=1.1”, por exemplo.

No que diz respeito ao navegador, este é tecnicamente um novo recurso, por isso será baixado e armazenado em cache novamente – por mais um ano.

Verificando seu trabalho

Existem várias maneiras de verificar se um site tem ou não o cache do navegador ativado, sendo uma das mais fáceis (e mais interessantes) usando uma ferramenta gratuita de teste de velocidade do site chamada GTmetrix – algo que já abordamos em profundidade. um artigo anterior: Como usar o GTmetrix para testar a velocidade de um site – efetivamente

Teste de cache do navegador GTMetrix

Se o seu site obtiver um “A”, o cache do navegador está correto e você está pronto para uma boa lombada!

Pensamentos finais

O cache do navegador pode levar a aumentos significativos de velocidade e, já que significa basicamente copiar e colar algumas linhas de código (e não tem desvantagens) – supondo que você não pretenda alterar nenhum dos arquivos definidos antes que eles sejam definidos como expirar), permitindo que seja quase definitivamente algo que vale a pena fazer.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map