Como corrigir o WP Rocket que não minifica o CSS
O que é o WP Rocket que minifica CSS de forma incompleta?
O WP Rocket que minifica CSS de forma incompleta e o cenario em que a opção Minify CSS files, na aba File Optimization, esta ativada (ela vem ligada por padrão), o cache foi gerado, mas ferramentas como o PageSpeed Insights continuam acusando CSS não minificado. Minificar significa remover espacos, quebras de linha e comentarios das folhas de estilo para reduzir o tamanho do arquivo. O ponto que confunde e que o WP Rocket não processa toda e qualquer folha: por documentação oficial, ele ignora deliberadamente alguns tipos de CSS. Ficam de fora o CSS inline dentro de tags style, os arquivos que já contem .min no nome, as folhas marcadas com a tag data-no-minify, o CSS carregado por outra folha via regra @import, certas media queries e media types especificos, e o CSS gerado por post do Elementor. Por isso o relatório aponta arquivos não minificados mesmo com a opção ligada: não e falha do plugin, e o conjunto de excecoes que ele aplica para não quebrar o layout. A correção passa por descobrir qual folha caiu em qual excecao e tratar a origem, em vez de so reativar a opção.
Como identificar
- O PageSpeed Insights ou o GTmetrix continuam listando a recomendacao Minify CSS apontando arquivos .css especificos, mesmo com a opção Minify CSS files marcada no WP Rocket
- Ao abrir o código-fonte da página e clicar em uma folha .css, o arquivo aparece com espacos, quebras de linha e comentarios intactos, como se nunca tivesse passado pela minificacao
- So uma parte dos arquivos CSS aparece minificada: as folhas do tema reduzem de tamanho, mas as de um page builder ou de um plugin específico continuam com o tamanho original
- O CSS que esta dentro de uma tag style no próprio HTML (CSS inline) nunca encolhe, porque a minificacao do WP Rocket atua sobre arquivos .css externos, e não sobre estilo embutido na página
- Folhas com .min já no nome do arquivo (por exemplo style.min.css) seguem inalteradas, já que o plugin assume que elas já vieram minificadas da origem
- Depois de marcar a opção a primeira visita ainda mostra o CSS antigo, porque o arquivo minificado so e gerado e servido após a limpeza e regeracao do cache
Como prevenir
- Sempre limpe e regenere o cache em WP Rocket -> Dashboard depois de mexer em qualquer opção de File Optimization, porque a mudanca so vale nas páginas regeradas e a primeira visita ainda serve a versão antiga
- Evite estilo inline e regras @import no tema e nos templates do page builder: prefira folhas externas enfileiradas pelo WordPress, que são as unicas que a minificacao do WP Rocket realmente processa
- Antes de cobrar a minificacao de um arquivo, confira se o nome já termina em .min ou se ele tem a tag data-no-minify, casos em que o WP Rocket ignora de proposito para não quebrar o layout
- Ao validar a velocidade no PageSpeed Insights, lembre que o CSS por post do Elementor e algumas media queries ficam fora da minificacao por documentação, entao não trate esses arquivos como falha do plugin
Causa
- A folha apontada e CSS inline (código dentro de uma tag style no HTML), e a opção Minify CSS files do WP Rocket atua somente sobre arquivos .css externos, nunca sobre estilo embutido na página.
- O arquivo já contem .min no nome (por exemplo bootstrap.min.css), e o WP Rocket o ignora por assumir que a folha já veio minificada do plugin ou tema de origem.
- A folha foi marcada com a tag data-no-minify pelo tema, por um plugin ou por uma exclusão manual, o que diz ao WP Rocket para nunca minificar aquele arquivo.
- O CSS e carregado de dentro de outra folha por uma regra @import, e o WP Rocket não minifica arquivos puxados por @import, apenas os enfileirados normalmente pelo WordPress.
- A folha usa uma media query ou media type que o plugin pula (por exemplo only screen and ou um max-width específico), faixa que a documentação lista como não processada.
- O CSS e gerado por post do Elementor (o arquivo de CSS por página que o Elementor cria), tipo de folha que o WP Rocket exclui da minificacao por padrão.
- A opção foi marcada mas o cache não foi regenerado, entao o WP Rocket ainda esta servindo a versão antiga da página, com o CSS sem minificar.
Como resolver
- Confirme que a opção esta ligada e regenere o cache: Abra o painel e va na aba de otimização de arquivos do WP Rocket. Confirme que a caixa de minificar CSS esta marcada e salve. Em seguida limpe o cache pelo painel, porque a opção so passa a valer nas páginas regeradas e a primeira visita ainda serve a versão antiga.
WP Rocket -> File Optimization -> CSS Files Minify CSS files: marcar WP Rocket -> Dashboard -> Clear and preload cache - Veja no código-fonte qual folha continua sem minificar: Abra a página, veja o código-fonte e localize as folhas .css carregadas. Clique em cada uma e observe se o conteúdo esta em uma única linha (minificado) ou com espacos e comentarios (não minificado). Anote o caminho e o nome exato das que não encolheram, porque são elas que caem em alguma excecao do plugin.
Ctrl + U link rel="stylesheet" href="..." - Descarte as excecoes que o WP Rocket aplica de proposito: Compare cada folha não minificada com a lista de exclusoes da documentação. Se o nome já termina em .min, se e CSS dentro de tag style, se vem por @import ou se e o CSS por post do Elementor, o WP Rocket ignora por regra e não ha erro. O caminho nesses casos e tratar a origem, e não insistir na opção.
style.min.css @import url(...) data-no-minify - Trate o CSS inline e o carregado por @import na origem: Para o CSS inline, reduza o estilo embutido no tema ou no page builder e mova o que for fixo para uma folha externa enfileirada, que ai sim entra na minificacao. Para o @import, troque a regra por um carregamento normal da folha pelo tema ou plugin, para que o WP Rocket passe a enxergar e minificar o arquivo.
wp_enqueue_style - Verifique a tag data-no-minify e o CDN antes de concluir: Procure a tag de exclusão no atributo das folhas que ficaram de fora; se ela foi adicionada por engano, remova na origem. Se houver CDN ou Cloudflare na frente, limpe o cache da CDN também, porque ela pode estar guardando a versão antiga e não minificada do arquivo mesmo após a regeracao no WP Rocket.
data-no-minify WP Rocket -> Dashboard -> Clear and preload cache
<!-- CSS que o WP Rocket NAO minifica (por documentacao) -->
<!-- 1) CSS inline: estilo dentro de tag style, fica fora da minificacao -->
<style>.botao{ padding: 12px 20px; border-radius: 6px; }</style>
<!-- 2) arquivo .min no nome: ignorado por ja ser tido como minificado -->
<link rel="stylesheet" href="/wp-content/themes/seu-tema/style.min.css" />
<!-- 3) folha marcada com data-no-minify: exclusao explicita -->
<link rel="stylesheet" href="/wp-content/plugins/exemplo/estilo.css" data-no-minify="1" />
<!-- 4) CSS puxado por @import de dentro de outra folha: nao processado -->
<!-- no arquivo principal.css: -->
/* @import url('componentes.css'); */














