--- title: "Como corrigir o aviso de CSS não utilizado no WordPress" url: https://full.services/wp-fixer/corrigir-unused-css-wordpress/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o aviso de CSS não utilizado no WordPress ## O que é o aviso de unused CSS no WordPress? Unused CSS no WordPress e o CSS que o navegador baixa numa página mas não chega a usar: o tema e cada plugin enfileiram a folha de estilo inteira em toda página, mesmo que so uma fracao das regras valha para aquela URL. O PageSpeed Insights e o Lighthouse sinalizam isso na auditoria Reduce unused CSS, estimando quantos KiB poderiam ser economizados. Como o CSS e um recurso que bloqueia a renderizacao, esse excesso atrasa o First Contentful Paint e o Largest Contentful Paint. A correção moderna não e apagar o CSS na mao: e gerar o Used CSS por página, ou seja, calcular quais regras aquela URL realmente usa, servir so essas no carregamento inicial e adiar ou remover o resto. O Perfmatters faz isso de forma automatizada com a opção Remove Unused CSS, enquanto o Autoptimize cobre parte do problema agregando e adiando CSS, sem o calculo de Used CSS por página. ## Como identificar - No relatório do PageSpeed Insights aparece a auditoria "Reduce unused CSS" (ou "Reduzir CSS não utilizado") listando arquivos .css com KiB potenciais de economia. - O LCP e o First Contentful Paint ficam altos e a aba Coverage do DevTools mostra alta porcentagem de bytes de CSS não usados na página. - Depois de ativar o Remove Unused CSS, a página abre "sem estilo" (texto cru, botoes sem cor, grade desalinhada) na primeira visita de cada URL e volta ao normal ao recarregar. - Um componente que aparece so após interacao (slider, mega menu, popup, sticky header, abas) perde a formatacao porque seu CSS foi considerado não usado. - O layout quebra para o visitante deslogado mas continua certo para você, que esta logado como administrador e recebe o CSS completo. **Antes de começar:** Antes de ativar o Remove Unused CSS ou mexer nas excecoes, exporte as configurações atuais em Perfmatters -> Tools -> Import/Export. Assim você restaura o estado anterior se uma excecao errada piorar o layout. ## Como prevenir - Ative o Remove Unused CSS comecando pelo Stylesheet Behavior em Delay e so passe para Remove depois de validar o site inteiro. - Mantenha na lista de Excluded Stylesheets e Excluded Selectors os arquivos e seletores de componentes que aparecem so após interacao (sliders, popups, mega menu). - Limpe o Used CSS sempre que alterar o Customizer, trocar de tema ou atualizar um page builder, para evitar estilo desatualizado em cache. - Teste cada mudanca de otimização em uma janela anonima e no mobile antes de considerar o ajuste concluido. - Mantenha um export das configurações do Perfmatters como ponto de restauração depois de cada ajuste validado. Erros relacionados - [Como corrigir funcionalidades quebradas pelo Perfmatters](https://full.services/wp-fixer/corrigir-funcionalidades-quebradas-perfmatters/) - [Como corrigir scripts que não carregam pelo Script Manager do Perfmatters](https://full.services/wp-fixer/corrigir-script-manager-perfmatters/) - [Como corrigir Eliminate render-blocking resources](https://full.services/wp-fixer/corrigir-render-blocking-resources-wordpress/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#article", "headline": "Como corrigir o aviso de CSS não utilizado no WordPress", "url": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:31-03:00", "dateModified": "2026-06-17T12:39:31-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Performance & Velocidade" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/" }, "wordCount": 1044, "description": "O aviso de unused CSS no WordPress aparece quando o PageSpeed Insights detecta folhas de estilo carregadas pela página, mas com regras que aquela página não aplica, o que pesa no LCP e no render. A correção gera o Used CSS por página com o Perfmatters e mantem o estilo usado, em vez de simplesmente apagar todo o CSS.", "articleSection": "Performance & Velocidade", "keywords": "como regenerar used css perfmatters, excluir stylesheet do remove unused css, perfmatters remove unused css quebrou layout, remove unused css quebra o site, remover unused css wordpress", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://perfmatters.io/docs/remove-unused-css/", "name": "Perfmatters — Remove Unused CSS" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o aviso de CSS não utilizado no WordPress", "programmingLanguage": "PHP", "codeRepository": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q1", "name": "O que significa o aviso de unused CSS no PageSpeed Insights?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Significa que a página baixou folhas de estilo cujas regras ela não aplica, desperdicando download e atrasando a renderizacao. O relatório estima quantos KiB poderiam ser economizados. A causa comum e o tema e os plugins enfileirarem o CSS inteiro em toda página, mesmo onde a maioria das regras não vale.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q2", "name": "Como remover o CSS não utilizado no WordPress sem quebrar o site?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Use o Remove Unused CSS do Perfmatters para gerar o Used CSS por página, mantendo o Stylesheet Behavior em Delay no inicio. Assim o estilo usado e servido e o restante e adiado, não apagado de vez. Adicione excecoes para os componentes que ficarem sem formatacao e regenere o Used CSS.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q3", "name": "Por que o layout quebrou depois que ativei o Remove Unused CSS?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Porque o gerador considerou uma folha de estilo usada como não usada e a removeu, ou porque o componente so injeta o CSS após interacao e não foi capturado. Troque o Stylesheet Behavior de Remove para Delay, adicione o arquivo .css em Excluded Stylesheets e o seletor em Excluded Selectors, e limpe o Used CSS.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q4", "name": "Qual a diferenca entre o Used CSS Inline e o File no Perfmatters?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Inline coloca o CSS usado no inicio do HTML, o que costuma render a melhor nota de PageSpeed mas aumenta o tamanho da página. File grava o CSS usado em um arquivo separado, que pode ser cacheado em visitas repetidas e reduz o HTML. Inline e bom para a nota; File e melhor para a performance percebida em retorno.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q5", "name": "O Autoptimize resolve o unused CSS sozinho?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Não totalmente. O Autoptimize agrega, minifica e pode adiar o CSS, o que ajuda, mas ele não calcula o Used CSS por página como o Perfmatters. Por isso o PageSpeed pode continuar acusando CSS não utilizado mesmo com o Autoptimize ativo. Para zerar o aviso, gere o Used CSS por página.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q6", "name": "Preciso limpar o Used CSS sempre que mudo algo no site?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, sempre que alterar o Customizer, trocar o tema ou atualizar um page builder. O Used CSS e um snapshot por página e fica em cache; se o estilo mudou e o cache não, a página pode sair com layout antigo ou quebrado. Limpe o Used CSS em Perfmatters Tools e também o cache do plugin de cache.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q7", "name": "O site esta certo para mim mas quebrado para o visitante. Por que?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Você esta logado como administrador e recebe o CSS completo, enquanto o visitante recebe a versão otimizada do cache com o Used CSS. Por isso o teste final tem de ser numa janela anonima e também no mobile, já que o Used CSS e gerado separado para desktop e celular.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-unused-css-wordpress/#faq-q8", "name": "Qual Stylesheet Behavior devo usar: Delay, Async ou Remove?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Comece com Delay, que adia o CSS original como rede de segurança e raramente quebra o layout. Async tende a um LCP um pouco maior, mas evita pop-in. Remove e a mais agressiva: apaga as folhas originais e quase sempre exige excecoes, entao deixe para sites simples já testados.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```