Como otimizar um site Wordpress com plugins
Se você busca melhorar a performance e a velocidade do seu site, está no lugar certo. Neste tutorial, exploraremos a eficácia de quatro plugins indispensáveis: Smush, WebP Express, Elementor e LiteSpeed Cache.
- Smush: Maximizando a eficiência das imagens
O plugin Smush é a ferramenta definitiva para otimizar suas imagens sem sacrificar a qualidade. Com a compressão de imagens sem perdas, redução de tamanho automática e a remoção de dados desnecessários, o Smush garante que suas imagens permaneçam nítidas enquanto reduz o tempo de carregamento da página.
- WebP Express: Elevando a qualidade com formato WebP
O WebP Express é a escolha ideal para quem busca melhorar a eficiência do carregamento de imagens. Este plugin converte automaticamente suas imagens para o formato WebP, conhecido por sua alta compressão sem perda de qualidade. Isso não apenas acelera o carregamento das páginas, mas também aprimora a experiência visual dos usuários.
- Elementor: Explorando configurações adicionais
Se você usa o Elementor em seu site, é possível explorar algumas configurações e realizar ajustes estratégicos que podem contribuir significativamente para a performance do seu site.
- LiteSpeed Cache: Turbinando a velocidade com cache avançado
Para otimizar a velocidade do seu site, o LiteSpeed Cache é a solução perfeita. Este plugin oferece recursos avançados de caching, minimização de CSS e JavaScript, além de integração com CDNs (Content Delivery Networks). Ao armazenar temporariamente informações frequentemente acessadas, o LiteSpeed Cache reduz o tempo de carregamento das páginas, proporcionando uma experiência mais rápida aos visitantes do seu site.
Ao seguir este guia passo a passo, você estará no caminho certo para otimizar completamente o seu site WordPress, garantindo um desempenho superior e uma experiência excepcional para seus usuários. Vamos começar a transformar o seu site hoje!
-
Instale o plugin Smush – Optimize, Compress and Lazy Load Images:
-
No canto esquerdo clique em Smush -> Smush em Massa. No exemplo da imagem a seguir o plugin sugeriu otimizar 111 imagens, sendo assim, para otimizar basta clicar em Otimizar em Massa.
A versão gratuita do plugin permite a otimizaçao de 50 cada imagem por vez. Caso tenha um número que isso, clique em Continuar até que todas as imagens sejam otimizadas. -
Por fim, basta aguardar a compactação.
-
Instale o plugin WebP Express:
-
Em Configurações ➝ WebP Express, ative a opção Alter HTML:
-
Em seguida cliquem em Bulk Convert e Start conversion:
-
Por fim basta aguardar a conversão das imagens:
-
Em Elementor ➝ Configurações ➝ Avançado, selecione as seguintes opções:
- Trocar em Carregamento de fontes do Google;
- Sim em Carregar suporte para o Font Awesome 4:
- Salve as alterações. -
Na aba Recursos, ative as seguintes opções:
- Ícones de fontes em linha;
- Saída DOM otimizada;
- Carregamento de CSS melhorado.
Após instalar o plugin LiteSpeed Cache, é possível alcançar resultados satisfatórios ao acessar seu menu, selecionar a opção 'Predefinições' e aplicar a configuração padrão disponível. No entanto, se desejar aprimorar ainda mais, considere experimentar as seguintes configurações recomendadas. Elas estão organizadas em passos distintos para otimizar o desempenho do seu site.
-
Na guia Geral ative a Atualização automática:
-
Ainda na mesma guia ative também o Modo visitante e a Otimização de visitantes:
-
Por fim, clique em Salvar as alterações ao final da página:
-
Na aba Cache as opções recomendadas já vem ativadas, sendo assim, aqui podemos apenas ativar a opção do Cache móvel:
-
Por fim salve as configurações.
-
Em Configurações de otimização de imagem ative a opção Cron de solicitação automática e Otimizar sem perda de qualidade:
-
Por fim clique em Salvar alterações.
-
Em Otimização de página ➝ Configurações de CSS, ative as opções Minificar CSS e Combinar CSS:
-
Ainda em Configurações de CSS ative também Carregar de forma assíncrona, CCSS por URL e em Otimização de exibição de fonte selecione Swap. Ao fim, salve as configurações para não perdê-las.
-
Em configurações de JS ative Minificar JS, Combinar JS e Carregar de JS de forma adiada:
-
Em Configurações de HTML ative as opções Minificar HTML:
-
Em Configurações de mídia ative a opção Carregamento lento de imagens, Carregamento lento de iframes e Adicionar tamanhos ausentes.
Atenção: Salve as alterações para não perdê-las. -
Em Localização ative as opções Cache do Gravatar e Cron de cache do Gravatar:
-
Passo 7
-
Passo 8