Pagina inicial » Kit de ferramentas » Verifique o desempenho e a qualidade de qualquer site com o Lighthouse

    Verifique o desempenho e a qualidade de qualquer site com o Lighthouse

    O Google está na vanguarda do design moderno da web. Ele oferece muitas ferramentas, do Google Analytics ao DevTools, com o objetivo de ajudar as pessoas a criar uma Web melhor.

    Recentemente publicou outra ferramenta útil chamada Farol. Isto é um ferramenta gratuita de testes automatizados executada em segundo plano no Chrome. Funciona como uma auditoria de mini-site, onde verifica o desempenho, a velocidade, a acessibilidade e a aderência do site às melhores práticas semânticas..

    A extensão do farol era criado principalmente para webapps progressivos. Estes são aplicativos gerais que são executados no navegador e se comportam como aplicativos nativos, mas funcionam como sites típicos..

    Os PWAs são uma grande parte do projeto Lighthouse. Mas o objetivo do Farol é ajudar todos os desenvolvedores da web verifique a qualidade de suas páginas.

    Isso pode incluir a verificação de erros de HTML / CSS ou a procura de linhas duplicadas de código. A Lighthouse também analisa o desempenho da Web com dicas de otimização para imagens, tamanhos de arquivos, solicitações de HTTP e muito mais.

    Todos os principais resultados da auditoria aparecem dentro do DevTools do Chrome então você nem precisa abrir uma nova janela para verificar as estatísticas. Tudo que você precisa é de uma versão em execução do Chrome e algum tempo para filtrar os resultados da auditoria da Lighthouse..

    Geralmente isso se divide em quatro categorias:

    • atuação.
    • Acessibilidade.
    • Melhores práticas.
    • Propriedades progressivas do Webapp.

    Cada categoria se divide em propriedades menores com recomendações para aprimoramentos de UX.

    No clique de um botão você pode puxar resultados de auditoria Isso ajudará você a melhorar radicalmente o desempenho, a velocidade e a usabilidade do website, e praticamente todas as métricas com as quais o Google se preocupa.

    Se você quiser aprender mais, leia a página principal e leia os muitos recursos do Lighthouse..

    Você também pode assistir a essa apresentação do Google I / O 2017 que introduziu o Lighthouse pela primeira vez à comunidade de desenvolvimento.