Se você desenvolve páginas para web, seja por hobby (como eu) ou mesmo profissionalmente, essa é uma ferramenta bem interessante para analisar um website e medir seu desempenho e qualidade de construção.
Gratuita, fácil de usar e de entender, o Yellow Lab Tools fornece uma análise detalhada sobre diversos aspectos do front-end de um website.
Dashboard com os principais resultados categorizados da análise de uma página web feita pelo Yellow Lab Tools
Tested url: ander.click
Como funciona?
Basta acessar o endereço yellowlab.tools e inserir a URL que você quer testar.
Você pode alterar o tipo de dispositivo para qual a análise será simulada: Phone, Tablet, Desktop ou Desktop HD.
Há algumas opções de análise avançadas também, como uso de Cookies, autenticação, Proxy, etc.
O Yellow Lab Tools analisa a URL fornecida pelo usuário e coleta diversas métricas e estatísticas, as transforma em pontuação, atribuindo uma nota (de A a F) para cada uma destas categorias:
- Page weight
- Requests
- DOM complexity
- JS complexity
- Bad JS
- jQuery
- CSS complexity
- Bad CSS
- Web fonts
- Server config
Vá além do PageSpeed Insights
Talvez a ferramenta mais conhecida e utilizada para analisar desempenhos de sites seja a PageSpeed Insights, do Google.
Não estou dizendo que você deva deixar de usá-lo, acho que é uma ótima ferramenta.
Mas, com o Yellow Lab Tools você pode ter uma análise complementar e mais detalhada do que melhorar na sua página.
Sobre o Yellow Lab Tools
Yellow Lab Tools is an open source project by Gaël Métais. It allows you to test a webpage (via an URL) and detects performance and front-end code quality issues.
About Yellow Lab Tools
Este é um projeto de código aberto, disponível no Github criado pelo desenvolvedor Gaël Métais.
Além de estar disponível online, você também tem opção de instalar e usar o Yellow Lab Tools via Docker, linha de comando (CLI), pacote NodeJS ou por API pública (RESTful API).