Remova o CSS não utilizado, adie o JavaScript e forneça WebP e AVIF

1. Teste uma alteração de cada vez

   A otimização de recursos altera a forma como o navegador recebe os arquivos do seu tema. Altere uma configuração, verifique o site e, em seguida, continue, para que qualquer problema tenha uma causa evidente.

2. Abra a aba CSS e JavaScript

   No WordPress abra Zinn Digital®, Cache Pro e, em seguida, CSS e JavaScript. As imagens estão em uma aba própria.

3. Comece com os padrões seguros

   Mantenha a opção "Usar padrões seguros" ativada. Ela nunca atrasa o jQuery nem os banners de consentimento de cookies e não altera as páginas de finalização de compra.

4. Adie o JavaScript e remova o CSS não utilizado

   Ative a opção de adiar o JavaScript até a interação do visitante, salve e verifique suas páginas principais desconectado da sua conta. Em seguida, ative a remoção de CSS não utilizado. Se algo parar de funcionar, adicione o script ou folha de estilo correspondente à lista de arquivos que não devem ser alterados.

5. Veicular imagens WebP e AVIF

   Na aba Imagens, ative WebP ou AVIF e, em seguida, converta suas imagens existentes. Os originais permanecem onde estão e um clique remove todas as cópias convertidas.

6. Por que não há uma opção de minificar ou combinar

   Combinar arquivos ajudava no HTTP/1.1, mas torna as páginas lentas no HTTP/2 e no HTTP/3, e a minificação economiza apenas uma pequena porcentagem depois que os arquivos são compactados, além de ser a causa mais comum de layouts corrompidos. Remover o CSS não utilizado e adiar o JavaScript é onde está o ganho real.

Próximo guia: Limpar o banco de dados do WordPress