6 etapas para acelerar o site WordPress
Todo mundo sabe que a velocidade do site desempenha um papel importante em termos de sucesso do site. Quanto mais seu site carrega mais rápido, mais usuários se envolvem com seu conteúdo. Neste artigo, mostramos 6 etapas para acelerar o site WordPress.
O tempo padrão de carregamento do seu site é de menos de 2 segundos. Se o seu site demorar mais de 2 segundos para carregar, você está fazendo algo errado.
Existem várias ferramentas online disponíveis para verificar a velocidade do seu site, como pingdom, etc. Mas, eu recomendo verificar o seu site no Google Page Insights. Pela minha experiência, esta ferramenta dá um resultado melhor. O Google Page Insights mostra as distrações que fazem com que seu site carregue lentamente.
Vamos ver o processo passo a passo para melhorar o desempenho e a velocidade de um site. Abaixo está a captura de tela da pontuação do meu site no Google Page Insight.
Etapa 1 – Incluir CSS e JS de maneira padrão
Você já notou a mensagem Processar bloqueando JavaScript e CSS no conteúdo acima da dobra? Se você não incluiu CSS e JS de uma forma padrão, isso pode tornar seu site mais lento. Como regra geral, CSS deve incluir em um cabeçalho e JS em um rodapé. Você deve cuidar de seu site seguindo esta prática padrão.
Etapa 2 – Otimize as imagens antes de usar
As imagens desempenham um papel importante na melhoria da experiência do usuário. Imagens atraentes mantêm seus usuários engajados com o conteúdo. Mas, o uso de imagens pesadas quase mata a velocidade do seu site. Por exemplo, você carregou uma imagem com tamanho de 2 MB no site e, ao carregar a página, esses 2 MB levam um tempo extra para carregar a imagem antes de apresentar sua página ao público.
Aí vem o conceito de otimizar imagens antes do uso. Existem vários plug-ins disponíveis que realizam essa tarefa de compactar imagens de sua biblioteca de mídia. Alguns plug-ins populares são
- Comprimir imagens JPEG e PNG por TinyPNG
- ShortPixel Image Optimizer
- Compressão e Otimização de Imagem Smush
- Otimizador de imagem EWWW
Todos esses plug-ins funcionam bem. Eu recomendaria usar o plugin TinyPNG. Estou usando este plugin para o meu site e estou muito feliz com ele.
Em alguns casos, precisamos exibir imagens fora da biblioteca de mídia. Criamos um diretório personalizado e carregamos imagens nele e, em seguida, usamos essas imagens no site. Eu escrevi artigos sobre Optimize Image On Upload e TinyPNG Compress Images. Consulte este artigo se você não estiver usando a biblioteca de mídia para imagens.
Dica: corte as imagens de um tamanho que você deseja exibir. Digamos que você tenha um contêiner de tamanho 300 * 250. Nesse caso, você deve cortar a imagem de acordo com o tamanho do contêiner. Não use a imagem de tamanho maior em um recipiente pequeno. Isso também afeta o desempenho do site.
Etapa 3 – Imagens de carregamento lento
Lazy Load Images ajuda a acelerar o seu site. Usando o plugin de carregamento lento, suas imagens não carregam até que o usuário role até elas. Ajuda a reduzir o tamanho da página no momento do carregamento.
Se você deseja implementar imagens de carregamento lento sem usar o plug-in, leia nosso artigo sobre Melhorar o desempenho do site com imagens de carregamento lento .
Etapa 4 – Otimize o banco de dados
Visto que o tamanho do seu banco de dados é pequeno, o servidor responde rapidamente à solicitação do banco de dados proveniente do site. Assim que seu banco de dados começar a aumentar, seu servidor demorará mais para responder.
No WordPress, conforme o tempo passa vários dados órfãos armazenados em seu banco de dados. Por exemplo, quando você atualiza uma postagem ou página, cada vez que o WordPress armazena a revisão no banco de dados. Eu preferiria manter apenas as últimas 3 revisões, que são suficientes. Para manter as revisões até 3 vezes, você precisa colocar o código abaixo em seu arquivo wp-config.php.
define('WP_POST_REVISIONS', 3);O código acima limita o número de revisões. Existem algumas outras tabelas que também devem ser otimizadas. Eu recomendo usar os plug-ins WP-DBManager ou WP-Sweep para otimizar seu banco de dados.
Etapa 5 – Uso do Cache
Obrigado aos engenheiros que introduziram o conceito de cache do navegador. Quando um usuário visita seu site, o navegador do usuário armazena sua página no local de armazenamento temporário do navegador. Quando o usuário visitar o site da próxima vez, o navegador apresentará a página aos usuários a partir do último cache armazenado, em vez de carregar a página inteira novamente. Isso reduz o uso de largura de banda no lado do usuário e do servidor. Usar o cache do seu site acelera drasticamente o site WordPress. Alguns dos plug-ins de cache populares são os seguintes.
Quando você aproveita o cache do navegador, os arquivos da sua página da web são armazenados no cache do navegador. Suas páginas serão carregadas muito mais rápido para visitantes recorrentes. Adicione o seguinte código no arquivo htaccess do seu site e ele permitirá o armazenamento em cache do navegador.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Nota: No WordPress, alguns plugins estão usando recursos externos. Não podemos definir cabeçalhos de expiração nesses recursos externos. Uma maneira é armazenar esses arquivos externos em seu servidor e incluí-los em seu site.
Espero que você entenda como acelerar o site WordPress. Se eu perdi algo ou você está usando alguma outra técnica, por favor, compartilhe nos comentários abaixo.