Lighthouse no Chrome: auditoria mobile pelo DevTools ou pela extensão

Para rodar uma auditoria Lighthouse mobile no Chrome, abra o DevTools, selecione o painel Lighthouse, coloque Device em Mobile, escolha as categorias que quer (Performance, Accessibility, Best practices, SEO) e clique em Analyze page load. O Lighthouse recarrega a página num celular intermediário emulado, com conexão limitada, e gera um relatório com notas de 0 a 100 e uma lista de problemas para corrigir. Rode numa janela anônima, porque outras extensões podem distorcer os resultados.

O Lighthouse também é o que o Google recomendou no lugar do teste de compatibilidade com dispositivos móveis, que foi desativado; veja alternativas ao teste de compatibilidade com dispositivos móveis.

Passo a passo no Chrome DevTools

1. Abra a página numa janela anônima (Ctrl + Shift + N ou Cmd + Shift + N). Extensões não rodam lá por padrão.
2. Abra o DevTools (F12 ou Cmd + Option + I) e selecione Lighthouse. Se não aparecer, procure atrás da seta >>.
3. Escolha o Mode:
   • Navigation (padrão): audita um carregamento novo da página. Use na maior parte do tempo.
   • Timespan: grava enquanto você interage, útil para medir um menu ou um formulário.
   • Snapshot: audita a página no estado atual, por exemplo com um modal aberto.
4. Coloque Device em Mobile.
5. Selecione as Categories de que precisa.
6. Clique em Analyze page load e espere de 30 a 60 segundos.

O Lighthouse funciona em qualquer página que o Chrome consegue abrir, inclusive localhost e páginas atrás de login, que as ferramentas online não alcançam.

A extensão do Lighthouse para Chrome

O Lighthouse também existe como extensão na Chrome Web Store: instale, abra a página, clique no ícone do Lighthouse e escolha Generate report. A própria documentação do Google recomenda o painel do DevTools, a menos que haja um motivo específico para usar a extensão, porque o DevTools audita sites locais e páginas atrás de login e a extensão não. Na prática, a extensão ajuda quando você quer auditar uma página pública com um clique sem abrir o DevTools; para o resto, siga os passos acima.

Rodando o Lighthouse pela linha de comando

Para execuções repetíveis ou em CI, use a CLI do Node:

npx lighthouse https://example.com --view

A CLI audita no modo mobile por padrão. Adicione --preset=desktop para desktop, --only-categories=performance,seo para limitar as categorias e --output=json para processar os resultados num script. O PageSpeed Insights roda o mesmo motor nos servidores do Google para URLs públicas.

Como ler o relatório

Cada categoria recebe uma nota: 90–100 é bom (verde), 50–89 precisa melhorar (laranja), 0–49 é ruim (vermelho).

Performance se baseia em métricas de laboratório: First Contentful Paint, Largest Contentful Paint, Total Blocking Time, Cumulative Layout Shift e Speed Index. Abaixo da nota, Insights e Diagnostics listam correções concretas, como imagens grandes demais, uma imagem de LCP descoberta tarde ou recursos que bloqueiam a renderização. Desde o Lighthouse 13 (outubro de 2025), as auditorias de desempenho antigas foram agrupadas nesses insights, os mesmos que aparecem no painel Performance do DevTools.

Accessibility roda verificações automáticas: contraste de cores, rótulos e textos alternativos ausentes, ordem dos títulos, configurações de zoom do viewport e tamanho das áreas de toque, entre outras.

Best practices cobre HTTPS, erros do navegador no console, APIs obsoletas e proporção das imagens.

SEO verifica o básico: title e meta description, página indexável com código de status de sucesso, links rastreáveis com texto descritivo, texto alternativo nas imagens, robots.txt válido e tags hreflang e canonical. O Lighthouse 13 removeu a antiga auditoria de tamanho de fonte legível e levou a verificação do viewport para os insights de desempenho. Passar nessas verificações não garante ranqueamento; só significa que nada básico está atrapalhando.

Por que as notas mobile são menores e variam entre execuções

O modo mobile simula um celular e uma rede mais lentos, então uma página com nota 95 no desktop pode tirar 60 no mobile. A diferença é proposital: ela se aproxima da experiência de muitos visitantes reais.

As notas também mudam de uma execução para outra, às vezes em 5 a 10 pontos, por causa da rede, do tempo de resposta do servidor e da atividade em segundo plano no seu computador. Para ter um número confiável:

• rode a auditoria de três a cinco vezes e use a mediana;
• feche outras abas e aplicativos pesados;
• compare coisas equivalentes (mesma configuração de aparelho, mesma página, mesma máquina).

Em velocidade, o Lighthouse é um teste de laboratório. O que reflete os seus visitantes são os dados de campo de usuários reais no PageSpeed Insights ou no Search Console. A diferença está explicada no guia de teste de velocidade mobile.

O que corrigir primeiro

1. Tudo o que estiver vermelho em Accessibility e SEO. Normalmente são correções rápidas: rótulos, texto alternativo, contraste, meta description ausente, rastreador bloqueado.
2. A maior oportunidade de LCP. Muitas vezes uma imagem de destaque grande demais, com lazy load ou descoberta tarde.
3. Tarefas longas de JavaScript. Scripts de terceiros são culpados frequentes; veja o que dá para adiar ou remover.
4. Mudanças de layout. Defina dimensões para imagens, embeds e espaços de anúncio.

O Lighthouse lista problemas, mas não mostra como a página fica no celular. Combine com uma conferência visual numa visualização mobile: o modo dispositivo do DevTools ou o Mobile View Extension, que recarrega a página no tamanho de um celular real com user agent mobile. Depois passe pelo checklist de teste de site mobile para o que auditorias automáticas não conseguem avaliar, como navegação e formulários.

Perguntas frequentes

Como rodar o Lighthouse para mobile no Chrome?

Abra o DevTools, vá ao painel Lighthouse, coloque Device em Mobile, selecione as categorias e clique em Analyze page load. Use uma janela anônima para resultados mais limpos.

Qual é uma boa nota do Lighthouse no mobile?

90 ou mais é considerado bom. Em desempenho, foque em passar nas Core Web Vitals nos dados de usuários reais; a nota de laboratório serve de guia para achar problemas.

Lighthouse e PageSpeed Insights são a mesma coisa?

O PageSpeed Insights roda o Lighthouse nos servidores do Google e acrescenta dados de usuários reais do Chrome User Experience Report, quando existem. O Lighthouse no DevTools roda no seu computador e consegue testar páginas locais e privadas.