Um guia completo para usar o W3 Total Cache

Os usuários da Internet de hoje esperam que as páginas que visitam sejam rápidas e suaves. Eles definitivamente percebem quando os sites não funcionam bem, então o desempenho é um recurso e a otimização do desempenho é crucial. Por exemplo, páginas com tempos de carregamento mais longos tendem a ter taxas de rejeição mais altas e os visitantes passam menos tempo lá. Tempos de carregamento mais longos também afetam negativamente as conversões.

Portanto, a velocidade da página é importante para a experiência e as conversões do usuário. Outra razão para acelerar os sites é que, em abril de 2010, o Google indicou que a velocidade do site (e, portanto, a velocidade da página) é um dos sinais usados ​​pelo algoritmo de busca do Google para classificar as páginas. Em suma, sites mais rápidos classificam e convertem melhor.

Algumas das maneiras de aumentar a velocidade da sua página e, portanto, melhorar o desempenho do seu site incluem:

1. Habilitando a compactação para seus arquivos CSS, HTML e JavaScript
2. Minimizando CSS, JavaScript e HTML
3. Reduzindo redirecionamentos
4. Aproveitando o cache do navegador
5. Melhorando o tempo de resposta do seu servidor para menos de 200ms
6. Usando uma rede de entrega de conteúdo (CDN)
7. E otimizando imagens

E se você é uma das 60 milhões de pessoas que escolheram o WordPress para alimentar o lugar na web que você chama de "casa", o segredo por trás de um site WordPress de carregamento rápido (além de boa hospedagem na web, plugins bem codificados e um CDN ) está usando o cache adequado.

O que é o cache do WordPress e por que é importante?

Cada vez que um usuário da Internet visita um site com WordPress, ocorrem vários eventos nos quais o WordPress gera dinamicamente uma página HTML e a exibe ao usuário:

1. O navegador do usuário solicita uma página da web
2. O núcleo do WordPress (ou cérebro do WordPress, se você pode chamá-lo assim) consulta o banco de dados (chamado de consultas ao banco de dados MySQL)
3. O banco de dados retorna os dados solicitados
4. O núcleo do WordPress combina os dados recuperados e os dados de plugins e temas ativos para gerar dinamicamente uma página HTML
5. Em seguida, ele exibe essa página HTML gerada dinamicamente para o navegador do usuário

Agora vamos supor que 100 pessoas vejam sua página. Executar as mesmas consultas de banco de dados repetidas vezes desperdiça ciclos de CPU e tempo.

Entre no cache do WordPress! Ele salva os resultados de consultas anteriores ao banco de dados MySQL no cache de memória para reutilização. O cache do WordPress é uma das maneiras mais rápidas de melhorar o desempenho do site usando plugins como W3 Total Cache, WP Super Cache ou Quick Cache.

Cache do WordPress com W3 Total Cache

Recomendado por hosts da web como Media Temple, GoDaddy e HostGator e usado por muitos sites populares, incluindo Mashable, blog de Matt Cutt, AT&T e WPBeginners, W3 Total Cache é um dos plugins de otimização de desempenho do WordPress mais completos e populares, projetados para melhorar a experiência e a velocidade do usuário do seu site. Oferece cache de objeto e consulta, cache de página, minificação de HTML, CSS e JavaScript, compactação gzip, integração de CDN e cache de navegador. Quando combinadas, essas otimizações melhoram significativamente a velocidade do seu site.

Portanto, os recursos de destaque do W3 Total Cache incluem:

• Cache de páginas e postagens
• Cache de CSS e JavaScript
• Cache de feeds e páginas de resultados de pesquisa
• Cache de objetos de banco de dados
• Minificação de postagens, páginas e feeds, incluindo espaço em branco extra e comentários e combinação de vários arquivos CSS ou JavaScript em uma única solicitação
• Cache do navegador
• Suporte móvel
• Integração e suporte a CDN
• E suporte WP-CLI

Os benefícios do plug-in incluem:

• Tempo de carregamento da página reduzido
• Melhoria significativa no desempenho geral e na velocidade do site quando o plug-in está configurado corretamente
• Melhor desempenho nos resultados da pesquisa orgânica
• Taxas de conversão aprimoradas
• Otimização de renderização do navegador para renderização rápida de páginas
• Melhor desempenho do servidor web
• E economia de largura de banda por meio de minificação e compactação

O desafio é que o W3 Total Cache é um plugin muito poderoso. Ele tem muitas opções, então você precisa saber como configurá-lo para maximizar os benefícios. A configuração correta nem sempre é imediatamente óbvia, especialmente para usuários iniciantes. Na próxima seção, abordaremos a configuração de práticas recomendadas para o plugin de cache do WordPress, de longe, mais versátil disponível.

Notas:

• Antes de instalar e configurar o W3 Total Cache, verifique o desempenho do seu site usando o PageSpeed ​​Insights do Google e ou o teste de velocidade do site Pingdom . Isso lhe dará uma comparação precisa antes e depois.
• Igualmente importante, se você estiver usando um plug-in de cache como o WP Super Cache, será necessário desativá-lo antes de instalar o W3 Total Cache ou o plug-in terá problemas na ativação.
• O W3 Total Cache usa o cache na memória para salvar os resultados das consultas ao banco de dados MySQL. Isso significa que você precisa ter uma quantidade razoável de memória reservada para seu cache. Se você não tiver tanta memória alocada no memcached quanto gostaria ou se seu servidor estiver com falta de RAM, esse plug-in pode não ser para você.
• E, finalmente, o W3 Total Cache combina muito bem com o MaxCDN.

Instalando e configurando o W3 Total Cache

Para instalar o W3 Total Cache, desative e desinstale qualquer outro plugin de cache que você esteja usando. Você também precisa se certificar de que wp-content/ e wp-content/uploads/ tenham temporariamente 777 permissões antes de continuar.

Para instalar e ativar o plugin:

1. Abra seu painel do WordPress.

2. Encontre a seção "Plugins" da navegação e selecione a opção de menu "Adicionar novo".

3. Procure por "W3 Total Cache".

4. Clique em "Instalar agora".

5. Encontre o caminho para "Plugins instalados" na seção "Plugins" da navegação e ative o W3 Total Cache. Isso fará com que o cache de página seja executado no modo básico.

Retorne as permissões de wp-content/ e wp-content/uploads/ de volta para 755.

Para configurar o plug-in:

1. Clique no link "Configurações" para ir para a guia "Configurações gerais". "Ativar" o cache de página e escolha "Disco: Aprimorado" como o método de cache de página.

"Ativar" minify na configuração automática.

"Ativar" o cache do banco de dados e o cache do objeto.

"Ativar" cache do navegador e CDN. Especifique seu tipo de CDN, por exemplo, MaxCDN.

Deixe o restante das configurações padrão ativadas.

2. Na seção avançada da guia "Cache de página", marque tudo menos "Cache 404 (não encontrado) páginas" nas opções Gerais

Em Pré-carregamento de cache, marque "Preparar automaticamente o cache da página" e insira o URL do mapa do site.

Deixe o restante das configurações padrão ativadas.

3. Em seguida, o módulo "Minify" controla se os arquivos HTML, CSS e Javascript são compactados e reduzidos e é um campo minado quando se trata de configuração. Você precisa estar ciente do que liga porque alguns servidores não têm memória ou poder de computação suficientes para minificação. As configurações ideais para HTML e XML, JS e CSS são as seguintes:

Observação: como uma boa prática, na guia "Minify", defina "Minify error notification" como "Admin Notification" para que você seja notificado quando ocorrerem erros de criação de cache de minify.

4. Continuando, as configurações "Database Cache", "Object Cache" e "Browser Cache" não fazem tanto quanto cache de página e minificação, mas é bom ativá-las.

Nas guias "Database Cache" e "Object Cache", todas as configurações recomendadas são predefinidas. Na guia "Cache do navegador", em Geral, marque tudo, exceto "Impedir o armazenamento em cache de objetos após a alteração das configurações" e "Não processar erros 404 para objetos estáticos com o WordPress". Quando você salvar as configurações, todas as configurações abaixo irão automaticamente cuidar de si mesmas.

5. CDN, como mencionamos acima, significa Content Delivery Network. Se você tiver um provedor de CDN, vá para a guia "Content Delivery Network" para preencher os campos e definir suas preferências. Você precisa 1) decidir quais tipos de conteúdo serão descarregados para o CDN nas opções Gerais e 2) estabelecer a conexão com o próprio CDN através do painel Configuração.

6. E, finalmente, utilize a guia "Grupos de agentes do usuário" para especificar quaisquer agentes do usuário, por exemplo, telefones celulares, se um tema móvel for usado.

Solução de problemas do W3 Total Cache

Às vezes, depois de instalar o W3 Total Cache, você pode descobrir (para seu espanto) que a velocidade do seu site diminuiu. A razão mais provável para isso é que você realizou o benchmark do site enquanto pré-carregava o cache. A solução: espere uma hora e tente novamente.

Outro motivo comum para isso é se você selecionar os métodos de armazenamento em cache errados. O cache do WordPress com o W3 Total Cache às vezes envolve uma certa quantidade de testes A/B para obter os melhores resultados possíveis.

Por último, mas não menos importante, se o seu site ainda estiver com problemas, pode ser um conflito entre o W3 Total Cache e outro plugin ou seu tema. Envie um relatório de bug clicando na guia "Desempenho" e, em seguida, clicando em "Suporte" para enviar uma solicitação de suporte e solução de problemas gratuitos. Desative o W3 Total Cache temporariamente até que sua solicitação de suporte seja tratada.

^{* Imagem principal adaptada de ·JERRYANG}