Otimização do WordPress: para velocidade

O negócio é o seguinte:
se o seu site demorar mais de 3 segundos para carregar…
… a maioria de seus visitantes sairá e nunca mais voltará.

Se você quer que as pessoas leiam seu conteúdo e comprem o que você está vendendo, você precisará melhorar a velocidade do seu site.
Um site de carregamento mais rápido significa:

• Mais tráfego do Google
• Menor taxa de rejeição
• Melhor taxa de conversão
• Mais vendas

Mas o problema é que melhorar a velocidade do seu site é difícil e pode levar muito tempo. Se você contratar um desenvolvedor web, vai custar bem mais de mil dólares. Se você é um usuário do WordPress, você pode fazer isso facilmente usando um plugin como o WP Speed of Light .
Neste guia, vou mostrar como você pode melhorar a velocidade do seu site WordPress com nosso plugin, WP Speed of Light .

Por que você precisa melhorar a velocidade do seu site

Existem várias razões pelas quais você deseja melhorar a velocidade do seu site. Um dos mais importantes é reduzir a taxa de rejeição do seu site.

Se o seu site demorar mais de 3 segundos para carregar, a maioria das pessoas sairá imediatamente. Isso aumenta sua taxa de rejeição e, aos olhos do Google, um site com uma alta taxa de rejeição é um site de baixa qualidade. Além disso, os algoritmos do Google preferem exibir sites que carregam rápido, oferecem uma ótima experiência ao usuário e têm uma baixa taxa de rejeição. Portanto, se você deseja chegar à primeira página do Google e permanecer lá, precisa de um site rápido.

Além disso, se você quiser que os visitantes do site comprem o que está vendendo ou até se inscrevam na sua lista de e-mails, precisará de um site mais rápido. Quanto mais lento o seu site carregar, menor será a sua taxa de conversão. Um site mais rápido aumentará sua taxa de conversão geral, o que significa mais assinantes, mais compartilhamentos e mais vendas.

Além disso, de acordo com a Kissmetrics, 47% dos consumidores esperam que uma página carregue em 2 segundos ou menos, e 40% dos seus usuários abandonarão seu site se demorar mais de 3 segundos para carregar. Se você ainda não está convencido, de acordo com WebsiteOptimization.com, um site lento é percebido como de baixa qualidade, diminuirá seu tráfego em até 20% e até mesmo aumentará a pressão arterial de seus usuários.

Servir páginas em cache para reduzir o tempo de carregamento e os recursos do servidor

Toda vez que alguém visita uma página em seu site, o WordPress passa por milhares de linhas de código, se conecta ao banco de dados e gera a página. Conectar-se ao banco de dados e executar milhares de linhas de código não apenas leva muito tempo, mas também aumenta a carga em seus servidores.

É aqui que entra o cache. Quando você ativa o cache, o WordPress não regenera as páginas do seu site toda vez que são solicitadas. Em vez disso, ele armazenará em cache (faça uma cópia) o conteúdo da página na primeira vez em que for gerado e, em seguida, exibirá essa cópia em cache da página para os usuários. Ao exibir uma cópia em cache da página, o WordPress ignora a necessidade de regenerar uma página ou até mesmo se conectar ao banco de dados para obter o conteúdo. Isso não apenas economiza muitos recursos do servidor, mas também reduz o tempo necessário para servir uma página ao usuário.

A ativação do cache na instalação do WordPress pode reduzir o tempo de carregamento do seu site pela metade.

Mas aqui está o problema:

O WordPress por padrão não vem com funcionalidade de cache. Isso significa que não há nenhum botão no painel do WordPress em que você possa clicar para habilitar o cache. Para habilitar o cache em seu site WordPress, você precisará instalar nosso plugin, WP Speed of Light . É gratuito e não leva mais de um segundo para instalar. Depois de instalá-lo em seu site, veja como você pode habilitar o cache:

Como habilitar o cache com WP Speed of Light

Para habilitar o cache com nosso plugin, faça login no painel do WordPress e navegue até WP Speed of Light -> Speed ​​Optimization:

Uma vez na página de otimização de velocidade, ative as seguintes opções:

Ativar sistema de cache: Isso ativará o sistema de cache principal. Depois de habilitar esta opção, nosso plugin armazenará em cache as consultas do banco de dados e os elementos comuns da página.

Clean Each: Esta opção determina com que frequência nosso plug-in limpará o cache. Limpar o cache de tempos em tempos é importante. Se você não limpar o cache do seu servidor, novas alterações no seu site não afetarão o usuário final. Recomendamos manter esta opção em 40 minutos.

Cleanup On Save: Esta é uma opção que você deseja ativar. Ele limpa o cache assim que você adiciona ou faz alterações em uma postagem ou página. Se você não limpar o cache do seu servidor após publicar uma nova página ou fazer uma alteração, seus usuários não poderão ver as novas alterações e as páginas recém-publicadas.

Cache para área de trabalho: Esta opção determina se nosso plugin serve ou não aos usuários de área de trabalho uma página em cache. Você vai querer habilitar esta opção.

Cache para tablet: mantenha-o definido como Automático, a menos que esteja experimentando uma versão de cache incorreta servida para usuários de tablet. Isso pode acontecer apenas quando seu site fornece conteúdo diferente (HTML) para usuários de dispositivos diferentes.

Cache For Mobile: Esta opção é igual à anterior. Recomendamos que você o mantenha definido como Automático.

Nunca armazenar em cache as seguintes páginas (opcional): Esta opção permite excluir determinadas páginas que são dinâmicas e não precisam ser armazenadas em cache. Para esta opção, insira um URL por linha que você não deseja que seja armazenado em cache. A maioria dos usuários não precisa desse recurso.

Depois de ativar todas essas opções, clique em Salvar alterações. É isso aí. Você acabou de ativar o cache no seu site. A partir de agora, seus usuários receberão uma cópia em cache das páginas e postagens do seu site.

Reduza o tempo de carregamento do seu site em mais da metade com o GZIP

As imagens, arquivos JavaScript e CSS necessários para suas páginas da web têm um grande impacto na velocidade do seu site. Baixar arquivos do servidor leva tempo. E arquivos como imagens podem ter o tamanho de um megabyte. Isso não apenas aumenta o tempo necessário para exibir seu site, mas também aumenta os custos de largura de banda.

A melhor solução? Habilite o GZIP no seu servidor.

GZIP é um algoritmo de compressão que, uma vez ativado, reduzirá o tamanho de seus arquivos em mais da metade. Depois de habilitar o GZIP, o servidor do seu site começará a servir arquivos compactados aos navegadores que o suportam. Portanto, suas imagens que podem ter mais de 5 megabytes serão compactadas para menos de 2 quando veiculadas. Isso não apenas reduzirá os custos de largura de banda e a carga do servidor, mas também reduzirá o tempo de carregamento do seu site em mais da metade.

Como habilitar GZIP com WP Speed of Light

Nosso plug-in primeiro verifica se o GZIP já está ativado em seu servidor, o que agora é o caso da maioria dos principais provedores de hospedagem na web. Se já estiver habilitado no servidor, nosso plugin não precisa fazer nada. Mas se o seu servidor não tiver o GZIP habilitado, nosso plugin irá habilitá-lo usando o módulo apache (mod_deflate) ou o módulo Nginx (ngx_http_gzip_module) adicionando o código necessário ao arquivo htaccess do seu servidor WordPress.

Se o seu servidor não tiver o GZIP ativado por padrão e o nosso plugin não puder fazê-lo com o htaccess, ele exibirá uma notificação de aviso no painel do plugin.

Aproveite o cache do navegador para melhorar a velocidade do site

Quando alguém visita seu site, o navegador faz o download de todos os arquivos necessários para exibir a página. A maioria desses arquivos é comum em outras páginas do seu site, como o logotipo, CSS e JavaScript. Quando um visitante navega para as outras páginas do seu site, o navegador faz o download de todos os arquivos novamente, mesmo que o navegador já os tenha baixado ao renderizar a última página visitada. Isso acontece porque o navegador não sabe se os arquivos foram ou não atualizados no servidor. E como não sabe disso, ele precisa baixar os arquivos repetidamente em todas as visitas.

Isso não apenas aumenta os custos de largura de banda e a carga do servidor, mas também aumenta o tempo de carregamento do site.

É aqui que o cache do navegador é resgatado. Ao especificar um tempo de expiração para os arquivos estáticos, como imagens e css no servidor, você instrui o navegador que não há necessidade de baixá-los novamente em todas as visitas ao site.

Depois de ativar o cache do navegador no servidor, o site será carregado mais rapidamente a partir da segunda visita, porque o navegador do usuário não precisará baixar novamente todos os arquivos sempre que o usuário visitar uma página diferente no site. Em vez disso, o navegador do usuário poderá gerá-los usando os arquivos que já foram baixados e armazenados em cache.

Como habilitar o cache do navegador em seu servidor com WP Speed of Light

Para aproveitar o cache do navegador usando nosso plug-in, faça login no painel do WordPress e navegue até WP Speed of Light -> Speed ​​Optimization:

Agora, na página Otimização de velocidade, ative a opção "Adicionar cabeçalhos de vencimento":

Depois de ativar essa opção, nosso plug-in instruirá o navegador do usuário a armazenar em cache os recursos estáticos e usá-los em vez de solicitá-los novamente a cada visita.

Remover seqüências de caracteres de consulta de recursos estáticos

Mesmo depois de habilitar o cache do navegador, os navegadores tratam os arquivos de maneira diferente quando possuem uma sequência de consultas anexada no final de seu URL.

Veja como é uma string de consulta: http://your-site.com/style.css?query-string=123

Por padrão, o WordPress adiciona uma sequência de consultas no final de todos os arquivos CSS e JavaScript. Se você deseja obter uma pontuação mais alta em ferramentas de teste de velocidade como o GTMetrix, precisará remover essas seqüências de caracteres de consulta.

Para remover a cadeia de consulta dos URLs dos seus recursos estáticos, siga estas etapas:

Como remover automaticamente strings de consulta com WP Speed of Light

Para remover as strings de consulta de seus URLs estáticos, faça login no painel do WordPress e navegue até WP Speed of Light -> Speed ​​Optimization:

Agora, na página Otimização de velocidade, ative a opção "Remover cadeias de consulta":

Depois de ativar esta opção, nosso plug-in removerá automaticamente as cadeias de consulta de todos os seus URLs. Isso garantirá que o navegador dos usuários use o cache do cliente em vez de baixar novamente uma nova cópia dos arquivos estáticos a cada visita. Isso também resultará em uma pontuação mais alta nas ferramentas de teste de velocidade, como GTMetrix e Google Page Speed ​​Test.

Conclusão

WordPress é o sistema de gerenciamento de conteúdo mais popular da Internet. É flexível e vem com literalmente milhares de recursos. Mas essa flexibilidade tem um custo. O custo é a baixa velocidade de carregamento do seu site. O WordPress, por ser altamente personalizável e flexível, possui uma grande base de código, e essa grande base de código leva tempo para ser executada. E quando você instala um novo plug-in, ele adiciona ainda mais linhas de código a essa grande base de código, tornando-a ainda maior.

Quanto mais plug-ins você instalar e usar em seu site, mais lento ele ficará. Felizmente, se você usar um plugin como WP Speed of Light e habilitar o cache, seu site funcionará sem problemas e carregará rapidamente. Não só isso, você também verá um aumento na taxa de conversão, classificações mais elevadas nos mecanismos de pesquisa e redução na taxa de rejeição.

E você também poderá fazer testes de desempenho para saber o que verificar diretamente do WP Sped of Light!

OBTER WP SPEED OF LIGHT

tem alguma pergunta ou sugestão? Sinta-se livre para nos informar nos comentários abaixo.