Start Debugging
2019-04-29 Atualizado 2023-11-05 lighthouseseo Edit on GitHub

Audite a performance, acessibilidade e experiência do usuário do seu site com o Google Lighthouse

Aprenda a usar o Google Lighthouse para auditar a performance, acessibilidade e experiência do usuário do seu site diretamente pelo Chrome DevTools.

O Lighthouse é uma ferramenta automatizada para auditar a performance, a acessibilidade e a experiência do usuário em geral de qualquer página web. Originalmente, era voltado para auditar PWAs (Progressive Web Apps), mas vai muito além disso.

A forma mais fácil de auditar seu site é usando a última versão do Chrome. Acesse seu site e abra as Dev Tools pressionando F12 ou clicando com o botão direito > Inspect (Ctrl + Shift + I). Em seguida, vá para a aba Audits e clique em Run audits. Isso executará uma bateria de testes no seu site e vai gerar um relatório como o abaixo:

Google Lighthouse - resumo do relatório

Como você pode ver, este blog não está indo muito bem. Por sorte, o Lighthouse oferece um relatório bem detalhado explicando sua nota, e cada item vem acompanhado de um link Learn more onde você pode descobrir mais detalhes sobre o problema e como melhorar sua avaliação.

Google Lighthouse - relatório de Opportunities

Você pode brincar com as configurações, testar em um dispositivo móvel ou usando velocidades de conexão que combinem com o seu público-alvo e gerar diferentes relatórios. Depois de ter sua baseline, é hora de começar a melhorar esses pontos.

Consegue chegar à nota perfeita?

Comments

Sign in with GitHub to comment. Reactions and replies thread back to the comments repo.

< Voltar