Minificar CSS e JavaScript sem partir o site

Minificar é tirar de um ficheiro de CSS ou JavaScript os espaços, as quebras de linha e os comentários, para pesar menos. Faz-se com um clique em plugins como o LiteSpeed Cache, e é também uma das opções que mais sites parte. O ganho costuma ser pequeno (o servidor já comprime os ficheiros de texto) e o risco é um menu que não abre ou um formulário que não envia. Por isso: uma opção de cada vez, com teste e com saída de emergência.

O que cada opção faz, e o risco

Opção O que faz Risco
Minificar CSS ou JS Tira espaços e comentários. Baixo. Raramente parte; quando parte é um ficheiro mal escrito.
Combinar CSS ou JS Junta vários ficheiros num só. Médio. Com HTTP/2 já não ganha quase nada. Veja HTTP/2 e HTTP/3. Pode alterar a ordem de carregamento e partir temas.
Adiar JS (defer) O script só corre depois de a página estar desenhada. Alto. Menus, carrosséis e formulários que dependem do script podem falhar no arranque.
CSS crítico / CSS não utilizado Gera à parte o CSS do que se vê logo, e carrega o resto mais tarde. Alto. Pode aparecer a página sem estilo por um instante, ou com blocos em falta.

A ordem segura, passo a passo

1 Faça uma cópia de ficheiros e base de dados antes (veja fazer e guardar a sua própria cópia). Se o site importa, ensaie primeiro num site de teste.
2 Meça e anote o estado de partida em duas páginas: uma simples e uma com formulário ou carrinho. Veja medir a velocidade do site.
3 Ligue apenas uma opção, por exemplo “Minificar CSS”, grave e use a opção “Purge All” do plugin.
4 Abra o site numa janela privada e percorra-o como um visitante: menu no telemóvel, formulário de contacto, pesquisa, carrinho e pagamento, se há loja, e o início de sessão. Teste em duas larguras de ecrã.
5 Se algo falhou, desligue essa opção, faça “Purge All” e confirme que voltou ao normal. Só depois decida se a exclui para esse ficheiro (as opções têm campos para indicar ficheiros a deixar de fora) ou se desiste dela.
6 Só então passe à seguinte. Cada ganho, por mais pequeno que seja, deve vir com o “antes e depois”.
Não consegue entrar no painel do WordPress depois de ligar uma opção? Desactive o plugin renomeando a pasta dele em wp-content/plugins, como se explica em desactivar plugins, incluindo quando não consegue entrar. O site volta a abrir sem as optimizações, e depois pode voltar a activar o plugin e desligar a opção culpada.
Não minifique duas vezes. Ficheiros cujo nome já acaba em .min.css ou .min.js já vêm minificados. Se tem dois plugins a minificar, desligue um deles.
O ganho está noutro sítio. Em muitas páginas pesam mais as imagens e os scripts de terceiros do que os próprios CSS e JS. Veja o que a lista de ficheiros do separador Network aponta como mais pesado antes de gastar uma tarde nisto. A leitura dos avisos está em os avisos do PageSpeed Insights.

Uma opção de optimização partiu o aspecto do site e não sabe qual? Diga-nos o endereço e o que mudou.

Abrir um pedido de suporte

VEJA TAMBÉM

LiteSpeed Cache: as primeiras definições

Avisos do PageSpeed Insights explicados

Desactivar plugins, incluindo quando não consegue entrar

Erros comuns do WordPress: ecrã branco, erro crítico e como achar a causa

PRODUTO RECOMENDADO

Alojamento de sites com cPanel

Domínio e SSL incluídos, cópias diárias e o painel que já conhece. desde 396,00 MT/mês (plano de 3 anos, com cupão)

Ver planos
  • 0 Utilizadores acharam útil
Esta resposta foi útil?

Artigos Relacionados

Como monitorizar o desempenho do site no cPanel O cPanel guarda registo de tudo o que acontece na sua hospedagem - quem visitou, quanto tráfego consumiu, que erros ocor...
O site está lento: o que faz mesmo diferença «O site está lento» quer dizer coisas diferentes conforme quem o diz: a primeira página demora a aparecer, o painel arra...
Cloudflare: quando ajuda, como ligar, e a cache que o engana A Cloudflare fica à frente do seu site: os visitantes chegam primeiro a ela, e ela é que nos vem buscar o que precisa. I...
O site está lento: o que medir antes de mudar de plano «O site está lento, acho que preciso de um plano maior.» É das frases que mais nos chegam, e na maior parte das vezes o...
O que é uma CDN, e quando faz diferença (e quando não faz) Uma CDN (rede de distribuição de conteúdos) é um conjunto de máquinas espalhadas pelo mundo que guardam cópias do seu si...
HTTP/2 e HTTP/3: como ver qual o seu site usa, e se isso importa O HTTP/2 e o HTTP/3 são duas versões mais recentes da “conversa” entre o navegador e o servidor. O nosso servidor web (L...