🎉 USE O CUPOM DESCONTO.FULL | 20% OFF acima de R$ 50,00

Como corrigir o WP Rocket que não minifica o CSS

Time Full Services Time Full Services
Tipo Performance & Velocidade
Nome do erro WP Rocket não minifica CSS EN: WP Rocket CSS minification not working
Severidade Atenção
Descrição O WP Rocket minifica CSS de forma incompleta quando a opção Minify CSS files esta ligada mas certas folhas ficam de fora por regra do plugin: CSS inline, arquivos já terminados em .min, folhas com data-no-minify, CSS via @import e o CSS de posts do Elementor. A correção e ver qual folha o plugin ignora, limpar o cache e ajustar a origem.

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

  1. 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
  2. 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="..."
  3. 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
  4. 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
  5. 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
HTML
<!-- 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'); */

Perguntas frequentes

Por que o WP Rocket não minifica todos os arquivos CSS do meu site?
Porque a opção Minify CSS files ignora de proposito alguns tipos de folha: CSS inline dentro de tag style, arquivos que já terminam em .min, folhas com a tag data-no-minify, CSS carregado por @import, certas media queries e o CSS gerado por post do Elementor. Esses arquivos aparecem como não minificados mesmo com a opção ligada, e isso e o comportamento documentado do plugin, não uma falha.
Marquei Minify CSS files mas o PageSpeed ainda acusa CSS não minificado, e normal?
Em parte. Se o cache ainda não foi regenerado, limpe-o no WP Rocket -> Dashboard, porque a opção so vale nas páginas novas. Se persistir, abra o código-fonte: os arquivos que continuam sem minificar costumam ser folhas inline, .min, vindas de @import ou do Elementor, que o plugin não processa por regra.
O WP Rocket minifica o CSS que esta dentro de uma tag style no HTML?
Não. A minificacao do WP Rocket atua sobre arquivos .css externos enfileirados pelo WordPress, e não sobre o CSS inline embutido na página. Para reduzir esse estilo, você precisa diminui-lo na origem ou mover o que for fixo para uma folha externa, que ai sim entra na minificacao.
Arquivos com .min no nome deveriam ser minificados de novo pelo WP Rocket?
Não precisa. Quando o nome já contem .min, como style.min.css, o WP Rocket assume que a folha já veio minificada da origem e a ignora. Por isso ela continua igual no relatório; isso evita reprocessar um arquivo que já esta otimizado e não indica erro.
O CSS carregado por @import entra na minificacao do WP Rocket?
Não. O WP Rocket não minifica folhas puxadas por uma regra @import de dentro de outro CSS, apenas as enfileiradas normalmente pelo WordPress. Para corrigir, troque o @import por um carregamento normal da folha pelo tema ou plugin, para que o plugin passe a enxergar e processar o arquivo.
Por que o CSS do Elementor continua sem minificar mesmo com a opção ligada?
Porque o CSS gerado por post do Elementor e um dos tipos que o WP Rocket exclui da minificacao por padrão, conforme a documentação. Não e bug: o plugin pula esse arquivo para evitar quebrar a renderizacao das páginas montadas no Elementor, entao ele aparece como não minificado no PageSpeed.
Como sei se uma folha foi excluida pela tag data-no-minify?
Abra o código-fonte da página e procure o atributo data-no-minify na tag da folha .css em questao. Se ele estiver presente, o WP Rocket foi instruido a nunca minificar aquele arquivo. Se a tag foi adicionada por engano pelo tema ou por um plugin, remova-a na origem para que a folha volte a ser processada.
Limpei o cache e a folha continua sem minificar, o que mais checar?
Se houver CDN ou Cloudflare na frente do site, limpe o cache da CDN também, porque ela pode estar servindo a versão antiga e não minificada do arquivo. Confirme ainda se a folha não se enquadra em uma das excecoes do plugin (inline, .min, @import, Elementor ou data-no-minify) antes de tratar como problema.

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes