Lighthouse

Lighthouse WordPress é a ferramenta open-source do Google que audita qualquer página web em cinco dimensões: performance, acessibilidade, boas práticas, SEO e PWA. Gera score de 0 a 100 em cada categoria, com lista detalhada de problemas e recomendações específicas para corrigir. É a base do PageSpeed Insights e do relatório de auditoria do Chrome DevTools — a referência técnica que profissionais de WordPress usam para validar otimizações.

O que é o Lighthouse

O Lighthouse é uma ferramenta open-source criada pelo Google e mantida com contribuições da comunidade. Lançada em 2016, virou rapidamente o padrão de fato para auditoria de páginas web. Roda dentro do Chrome (via DevTools), como linha de comando independente, ou como API integrada a serviços como o PageSpeed Insights.

O que o Lighthouse faz: simula o carregamento da página em condições controladas (tipicamente conexão 4G lenta e CPU desktop ou mobile com throttling), mede dezenas de métricas técnicas, valida boas práticas conhecidas, e atribui scores normalizados de 0 a 100. Cada categoria (Performance, Accessibility, Best Practices, SEO, PWA) tem seu próprio score, calculado a partir de auditorias específicas.

O Lighthouse não testa visualmente. Não diz se o design é bonito ou se o conteúdo é bom. Ele testa o que pode ser medido tecnicamente: tempos de carregamento, tamanho de arquivos, cobertura de meta tags, contraste de cores, ordem de headings. É auditoria objetiva — útil justamente porque é mensurável e reprodutível.

Importante entender: Lighthouse mede dados sintéticos (laboratório), não dados reais (campo). A diferença importa. Lighthouse simula uma única condição padronizada. Dados reais variam conforme dispositivo, conexão, localização e estado de cache do visitante. Lighthouse é ótimo para comparar antes e depois de otimização. Para entender experiência real, complemente com CrUX e dados de campo via Search Console.

Como usar o Lighthouse

O caminho mais comum é via Chrome DevTools. Abra a página, F12, clique na aba Lighthouse. Configure: dispositivo (mobile ou desktop), categorias a auditar (todas selecionadas por padrão), modo (Navigation para análise de carregamento, Timespan para análise contínua, Snapshot para análise da página estática). Clique em “Analyze page load”. Em 30-60 segundos, você tem o relatório completo.

O segundo caminho é via PageSpeed Insights, em pagespeed.web.dev. Cole a URL e o serviço roda Lighthouse na nuvem do Google e ainda complementa com dados reais do CrUX. Vantagem: você não precisa abrir o site no Chrome; rápido e disponível remotamente. Combina dados de campo com dados de laboratório no mesmo relatório.

O pagespeed insights é, para a maioria dos usuários WordPress, o ponto natural de entrada. Ainda mais porque dá o resumo direto que importa: “Core Web Vitals: aprovado/não aprovado” baseado em dados reais. Lighthouse puro no DevTools dá mais detalhes técnicos, mas PageSpeed Insights é mais acessível e contextual.

O terceiro caminho é Lighthouse CLI, para quem quer auditoria automatizada. Instale via npm install -g lighthouse, rode lighthouse https://seusite.com –output html –output-path relatorio.html. Útil para integrar em CI/CD — antes de cada deploy, rodar Lighthouse e bloquear deploy se score cair abaixo de threshold.

O quarto caminho é via API do PageSpeed Insights, programaticamente. Útil para monitoramento contínuo: rodar Lighthouse periodicamente em todas as páginas importantes do site, registrar scores no tempo, alertar quando algo piora. Ferramentas como SpeedCurve e DebugBear oferecem isso pronto via dashboard.

Categorias auditadas

Performance é a categoria mais conhecida. Mede tempos de carregamento, peso de assets, eficiência de cache, render-blocking resources. Métricas centrais: LCP, CLS, INP, FCP (First Contentful Paint), Speed Index, TBT (Total Blocking Time). Score Performance abaixo de 50 indica problemas sérios; acima de 90 indica site bem otimizado.

Accessibility audita conformidade com WCAG (Web Content Accessibility Guidelines). Verifica se imagens têm alt text, se contraste de cores é suficiente, se elementos interativos têm labels acessíveis, se a estrutura de headings é correta. Sites com score alto em acessibilidade são mais inclusivos e tendem a ranquear melhor — Google valoriza acessibilidade indiretamente.

Best Practices verifica práticas técnicas modernas. HTTPS, sem erros no console, sem APIs depreciadas, imagens sem distorção, sem requisições mistas (HTTP em página HTTPS). É um conjunto heterogêneo de validações que cobre saúde técnica geral. Score baixo aqui indica que algo está quebrado, mesmo que invisível ao usuário casual.

SEO valida elementos básicos de SEO técnico: presença de meta description, title tag, viewport meta, hreflang quando aplicável, robots permissivo, links rastreáveis. Não substitui auditoria de SEO completa (não avalia conteúdo, autoridade, backlinks), mas catch erros técnicos que afetam indexação. Score acima de 90 é o mínimo para qualquer site sério.

PWA (Progressive Web App) audita se o site funciona como aplicativo instalável. Service worker, manifest.json, ícones, funcionalidade offline. Para sites institucionais e blogs, geralmente irrelevante. Para apps web e e-commerces ambiciosos, virou diferencial. Sites WordPress comuns ignoram essa categoria sem prejuízo.

Como melhorar score Lighthouse

O primeiro passo da como usar lighthouse para otimização é nunca obcecar com 100. Score 100 é difícil, frequentemente não vale o esforço, e às vezes implica trade-offs que prejudicam funcionalidade. Mire 90+ em Performance, 95+ em Accessibility, 95+ em Best Practices, 95+ em SEO. Esse é alvo razoável para sites profissionais.

O segundo passo é priorizar Performance e LCP. A maioria dos problemas de Lighthouse no WordPress envolve performance: imagens não otimizadas, CSS render-blocking, falta de cache, JavaScript pesado de plugins. Resolver as 3-5 oportunidades principais geralmente sobe o score de 40 para 80+.

O terceiro passo é otimizar imagens sistematicamente. Converter para WebP/AVIF, comprimir, dimensionar corretamente, lazy load de imagens abaixo do fold, preload de imagem hero. Plugins como ShortPixel, Imagify e Smush automatizam parte desse trabalho. Combine com cache bem configurado para ganhos compostos.

O quarto passo é tratar JavaScript de terceiros. Pixels do Facebook, Google Analytics, hotjar, intercom, chatbots — cada um adiciona overhead. Use Google Tag Manager para centralizar, defer scripts não-críticos, considere Partytown para isolar em web worker. Em sites WordPress profissionais, JS de terceiros é frequentemente o principal vilão.

O quinto passo é monitorar continuamente. Auditoria lighthouse é trabalho permanente — cada plugin novo, cada update de tema, cada conteúdo adicionado pode degradar score. Configure monitoramento via PageSpeed Insights API ou ferramenta como SpeedCurve para detectar regressões. Combine com monitoramento dos Core Web Vitals via Google Search Console e auditoria periódica via SEO técnico.

Para sites profissionais que querem manter Lighthouse score alto sem virar trabalho de tuning manual em cada release, a FULL Services entrega o Perfmatter já licenciado e configurado dentro da stack profissional, com otimização automática de assets, lazy loading granular, controle de scripts por página, defer inteligente e tuning específico para WordPress. Combinado com hospedagem otimizada e plugins essenciais já calibrados, o resultado é score Lighthouse consistentemente alto sem virar luta a cada deploy.