Google revelado recentemente a notícia da publicação de sua ferramenta Lighthouse, ppara o navegador Firefox, que foi fornecido como um complemento para o navegador. O complemento do Firefox era preparado pela equipe de desenvolvimento principal do Lighthouse e usa a API PageSpeed Insights para gerar relatórios.
Para aqueles que não estão familiarizados com o Lighthouse, você deve saber que é uma ferramenta automatizada de código aberto para desenvolvedores da web incluída no Chrome, projetada para melhorar a qualidade dos aplicativos da web.
Com o Lighthouse é suficiente fazer uma série de testes contra a página e, em seguida, isso gera um relatório sobre o desempenho da página. A partir daqui, os desenvolvedores podem usar os dados obtidos como indicadores., com o qual eles podem fazer para melhorar seu aplicativo da web.
O plugin permite identificar gargalo no desempenho de aplicativos da web, analise o velocidade de carregamento de componentes e consumo de recursos, identificar operações com uso intensivo de recursos desnecessários em JavaScript, identificar problemas na configuração do servidor http, avaliar a otimização de design para indexação de mecanismo de pesquisa (SEO) e examinar a relevância do uso de tecnologia da web e adequação de um aplicativo da web para pessoas com deficiência, bem como apoiar a simulação da aplicação de uma CPU mais fraca e largura de banda de rede baixa.
Basicamente, com o Google Lighthouse você pode informar muito sobre o site, incluindo o seguinte:
- Quanto tempo leva para a primeira imagem ou conteúdo aparecer na tela do usuário.
- Se o arquivo robots.txt para o site estiver formado corretamente e rastreável
- Quando os usuários podem interagir com sua página pela primeira vez
- Avaliação da velocidade do seu site
O relatório é dividido em várias seções diferentes:
- Desempenho: mostrando a você os fundamentos do desempenho do seu site como ele é agora. Este relatório realmente se concentra na velocidade de carregamento do site mais do que qualquer outro fator.
- Oportunidades: que apresenta oportunidades que podem ajudá-lo a acelerar seu site e melhorar o desempenho. Essas oportunidades são incrivelmente específicas, como habilitar a compactação de texto.
- Diagnóstico: que aponta problemas específicos em seu site que precisam ser resolvidos, como tamanhos de arquivo muito grandes e potencialmente diminuindo o tempo de carregamento. Eles dirão exatamente qual é o problema, como ele está afetando seu site e por que precisa ser corrigido.
- Aplicativo da Web progressivo- que fornece uma auditoria detalhada de seu aplicativo da web e pode garantir que seu aplicativo móvel seja confiável e funcional para seu público. Isso é valioso; Muitas ferramentas de auditoria não oferecem isso.
- acessibilidade: mostrando maneiras de tornar seu site mais acessível e fácil de navegar ou usar. Isso não deve ser ignorado, pois o design UX é essencial para a eficácia de um site.
- Melhores práticas: que explicam as melhores maneiras de otimizar seu site de maneira confiável, incluindo a implementação de HTML e a exibição de imagens.
- SEO: que analisa de perto o desempenho do seu site nos mecanismos de pesquisa e os diferentes fatores que afetam seu potencial de classificação. Eles examinarão os indicadores de qualidade de conteúdo, rastreabilidade, compatibilidade de dispositivos móveis e muito mais, e o ajudarão a identificar novas maneiras de maximizar a visibilidade do seu mecanismo de pesquisa.
Obter farol
Finalmente, para aqueles que estão interessados em instalar e testar este complemento, eles podem procurá-lo na loja de complementos do Firefox ou podem. no link abaixo.
Já para os usuários do Chrome, conforme mencionado no início, o Lighthouse está integrado diretamente nas ferramentas de desenvolvedor do Chrome, no painel "Auditorias".
Embora também esteja disponível como uma extensão do navegador, que pode ser instalada a partir de este link.
Sobre como usar esta ferramenta graficamente e em modo CLI, você pode consultar sua documentação no link a seguir.