Remova CSS não utilizado, adie o JavaScript e exiba WebP e AVIF
Use a aba CSS e JavaScript do Zinn® Cache Pro para remover CSS não utilizado e adiar scripts, e sua aba Imagens para WebP, AVIF e tamanhos de imagem ausentes — por que não há opção de minificar ou combinar, e como desfazer uma alteração que desconfigure uma página.
- Teste uma alteração por 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 depois avance, para que qualquer problema tenha uma causa evidente.
- Abra a aba CSS e JavaScript — No WordPress, abra Zinn Digital®, Cache Pro e, em seguida, CSS e JavaScript. As imagens ficam em sua própria aba.
- Comece com os padrões seguros — Mantenha Usar os padrões seguros ativado. Ele nunca adia o jQuery ou banners de consentimento de cookies e não modifica as páginas de finalização de compra.
- Adie o JavaScript e, em seguida, remova o CSS não utilizado — Ative Adiar JavaScript até a interação do visitante, salve e verifique suas páginas principais desconectado da conta. Depois, ative Remover CSS não utilizado. Se algo parar de funcionar, adicione seu script ou folha de estilo à lista de arquivos a serem ignorados.
- Exiba imagens em WebP e AVIF — Na aba Imagens, ative WebP ou AVIF e, em seguida, converta suas imagens existentes. As originais permanecem onde estão, e um único clique remove todas as cópias convertidas.
- Por que não há opção de minificar ou combinar — Combinar arquivos ajudava no HTTP/1.1, mas torna as páginas mais lentas no HTTP/2 e HTTP/3, e a minificação economiza poucos pontos percentuais quando os arquivos já estão compactados, sendo a causa mais comum de layouts desconfigurados. Remover o CSS não utilizado e adiar o JavaScript é onde está o ganho real.
Com capturas de tela: https://zinncache.com/kb/minify-css-and-javascript-in-wordpress