🎉 USE O CUPOM DESCONTO-FULL | 10% OFF acima de R$ 100,00

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

Time Full Services Time Full Services Pro
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.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

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