Auditoria de HTML com Lighthouse

Lighthouse é uma ferramenta automatizada de auditoria integrada ao Chrome DevTools (guia Audits) que atribui uma pontuação à página em Desempenho, Acessibilidade, Boas práticas, SEO e PWA. Ela executa uma auditoria da página no navegador, faz medições e produz sugestões práticas.

No Chrome DevTools, mude para Lighthouse, escolha as categorias, selecione Computador ou Dispositivo móvel e clique em "Analisar carregamento da página". A ferramenta recarrega a página em um ambiente limpo e produz um relatório em menos de um minuto.

Desempenho mede as principais métricas da Web e outras métricas de velocidade. Acessibilidade verifica regras alinhadas à WCAG. Boas práticas abrangem segurança e padrões modernos da Web. SEO verifica a marcação rastreável. PWA verifica a possibilidade de instalação e o suporte off-line.

A auditoria de Acessibilidade detecta: texto alt ausente, rótulos de formulário ausentes, baixo contraste de cores, atributo de idioma ausente, IDs duplicados, regiões ausentes, elementos focalizáveis sem suporte de teclado. Cada problema contém um link para orientações detalhadas de correção.

Maior pintura de conteúdo (LCP), deslocamento cumulativo de layout (CLS), tempo total de bloqueio (TBT) e índice de velocidade. Cada métrica recebe uma pontuação e um peso no cálculo da pontuação geral de Desempenho. O Lighthouse mostra quais elementos do DOM contribuem mais para cada métrica.

Verifica o uso de HTTPS, erros do console, proporções das imagens, APIs obsoletas e conteúdo misto. A auditoria de Boas práticas detecta uma ampla variedade de padrões legados ou inseguros que devem ser modernizados.

Detecta descrição meta ausente, <title> ausente ou duplicado, problemas em robots.txt, links sem texto descritivo, ausência da meta tag viewport e problemas de hreflang. Combine o SEO do Lighthouse com uma ferramenta real de auditoria de SEO (Ahrefs, Screaming Frog) para uma análise no nível do conteúdo.

Verifica todos os requisitos para que uma aplicação seja instalável: HTTPS, manifesto válido com os campos mínimos, trabalhador de serviço registrado, tag viewport e ícones. Corrija todas as falhas da auditoria de PWA antes de lançar a aplicação como instalável.

A CLI do Lighthouse e a ferramenta Lighthouse CI integram auditorias à CI/CD. Cada PR executa o Lighthouse na visualização implantada; a ação falha se as pontuações caírem abaixo dos limites. Isso evita regressões silenciosas na acessibilidade, no desempenho ou no SEO.

Os relatórios do Lighthouse podem ser salvos como JSON e comparados programaticamente: acompanhe a pontuação do LCP ao longo do tempo para detectar regressões, compare dois PRs para ver qual alterou qual métrica e emita alertas quando os limites forem ultrapassados. Os dados são estruturados para uso por ferramentas.

O Lighthouse é um teste sintético — ele é executado em um ambiente controlado, não com usuários reais. Combine-o com ferramentas de Monitoramento de usuários reais (RUM), que acompanham a experiência real dos usuários. Testes sintéticos detectam regressões cedo; o RUM confirma que os usuários realmente sentem as melhorias.

Algumas auditorias sinalizam padrões inevitáveis em determinados contextos. Documente todas as exceções deliberadas, adicione-as à lista de ignorados do Lighthouse CI e reavalie-as periodicamente à medida que a plataforma evolui. Evite "ignorar tudo" — isso anula o propósito da auditoria automatizada.

Trate as pontuações do Lighthouse como uma meta de melhoria contínua, não como uma correção única. Crie uma cultura de analisar a pontuação em cada PR, corrigir regressões imediatamente e melhorar gradualmente a linha de base. Com essa disciplina, a maioria das equipes vê as pontuações subirem de forma constante ao longo dos meses.

Por que as auditorias sintéticas do Lighthouse devem ser combinadas com o Monitoramento de usuários reais (RUM)?

O Lighthouse audita uma página em Desempenho, Acessibilidade, Boas práticas, SEO e PWA. Execute-o pelo Chrome DevTools para verificações pontuais e use o Lighthouse CI para integração contínua. Corrija regressões em cada PR, crie uma cultura de melhoria orientada por medições e combine auditorias sintéticas com o Monitoramento de usuários reais para validar que as melhorias em laboratório trazem benefícios aos usuários reais.