DIGITAL MARKETING AGENCY

O que é o Google Lighthouse?

Facebook
Twitter
LinkedIn
Email
O que é o Google Lighthouse?

O que é o Google Lighthouse?

O Google Lighthouse é uma ferramenta que testa a usabilidade e o desempenho de aplicativos web progressivos. Além das aplicações web, os usuários também podem usar a ferramenta para examinar as páginas web convencionais quanto ao seu desempenho e potencial de otimização.

Ao contrário de muitas outras ferramentas de análise, a nova criação do Google oferece a possibilidade de adaptar e filtrar as condições de teste para avaliar o desempenho preciso da web parâmetros o mais próximo possível da realidade.

como funciona google lighthouse

Introdução ao Farol do Google

Aplicações progressivas da web são páginas web que se assemelham muito a aplicações móveis no que diz respeito à aparência, funcionalidade e possibilidades de aplicação. Os aplicativos da web oferecem conteúdo dinâmico e são extremamente populares.

Exemplos de aplicações web progressivas são websites como booking.com ou Twitter, que têm muitos recursos de aplicação nativa em sua versão de navegador.

Para estas aplicações móveis progressivas, também conhecidas como PWAsPara dar aos usuários a sensação de que estão usando um aplicativo nativo, eles devem atender a certas características e parâmetros de desempenho. O teste do Google Lighthouse permite que estes indicadores sejam medidos e otimizados.

Lighthouse é um software de código aberto e é normalmente utilizado através de uma extensão cromada (Lighthouse Chrome extension). O manuseio é sem esforço: uma vez instalada a extensão do farol cromado, você pode acessar qualquer página da web e verificar seu desempenho clicando no ícone da extensão com o mouse. A avaliação é exibida em tabelas de valores medidos e representações gráficas.

O Google Lighthouse analisa e compara as seguintes áreas:

PWA, Desempenho, Acessibilidade, Melhores Práticas, e SEO (informações detalhadas estão disponíveis para cada uma dessas áreas). Uma vez feita a análise, a ferramenta oferece automaticamente sugestões de melhoria.

O farol é muito flexível e oferece um grande número de visualizações comparativas e de análise que você pode utilizar para otimizar seu website. 

A ferramenta é adequada tanto para novatos quanto para profissionais. Como regra geral, profissionais e desenvolvedores não costumam usar o Lighthouse com a extensão Chrome, mas sim através da ferramenta de linha de comando, que tem opções de configuração muito mais específicas. Entretanto, o dispositivo de linha de comando requer que o node.js seja instalado no servidor web com antecedência.

O Google Lighthouse apresenta em detalhes.

O Farol verifica cinco aspectos diferentes das páginas web:

Aplicações progressivas para a web.

A análise progressiva das aplicações web é a função central do Google Lighthouse e está disponível desde seu lançamento. O software analisa se a página web está funcionando como pretendido.

Mais especificamente, o Lighthouse verifica se todos os elementos dinâmicos e conteúdo são renderizados corretamente, se a página registra um funcionário de serviço e se a funcionalidade offline está disponível.

Um funcionário de serviço é um roteiro que é executado para tornar certas informações na página da web também disponíveis offline. Como regra, uma interface proxy entre a página web e o usuário é normalmente estabelecida para este fim.

Desempenho

Na área de desempenho, Lighthouse analisa a velocidade da página web ou aplicação web e verifica se os elementos que foram carregados são exibidos corretamente. A análise consiste nas seguintes seis subcategorias:

Primeira Dor Contenciosat indica quanto tempo leva para exibir a primeira imagem ou o primeiro texto completo na página web.

A primeira tinta significativa indica quando o conteúdo principal da página pode ser exibido na íntegra.

Índice de velocidade: indica quanto tempo leva para que o conteúdo da página web seja exibido.

Tempo para interatividade: indica quanto tempo leva para que a página seja carregada com total interatividade.

O primeiro CPU Idle indica quando a atividade dos fios principais é suficientemente reduzida para ser capaz de processar a entrada do usuário pela primeira vez.

Latência estimada de entradaA página web ou aplicativo para reagir à entrada do usuário dentro da janela de cinco segundos mais alta carregada enquanto a página está sendo baixada.

Se a latência for maior que 50 milissegundos, é generalizada para os usuários considerarem a página ou aplicativo tão lento.

Além de analisar estes fatores, a Lighthouse também oferece sugestões de melhorias que propõem diferentes opções de otimização para reduzir os tempos de carga.

Estes incluem, por exemplo, a compressão de imagem, JavaScript, ou a eliminação de recursos que poderiam estar bloqueando a renderização da página. O restante das análises na área de desempenho inclui recomendações sobre os seguintes pontos:

  • Use arquivos de imagem em formatos que requerem pouco espaço de armazenamento e renderize-os nas dimensões corretas.
  • Fornecer texto e JavaScript na forma comprimida, se possível.
  • Otimizar a memória cache para melhorar a renderização do conteúdo estático.
  • Evite redirecionar e carregar com antecedência as consultas essenciais para permitir tempos de resposta rápidos pelo servidor.
  • Fornecer conteúdo animado em formatos modernos e que economizam espaço, se possível.
  • Mantenha o volume de dados do site o menor possível.
  • Usar etiquetas e rótulos de forma a melhorar os resultados de medição e rastreamento.

Mais informações sobre DESEMPENHO DA WEB.

Deixe uma resposta

José Limardo

José Limardo

Escrito por

mais notícias

76% do Google & Facebook Orçamentos são Sorridos

Nós podemos ajudar você:

Você precisa de crescer seu negócios?

Sobre nós

Receba postagens por e-mail

Seja o primeiro a saber quando publicarmos um novo post no blog!

Participe de nosso blog e obtenha as melhores percepções de marketing digital, estratégias e dicas entregues diretamente em sua caixa de entrada.

>
pt_BRBR
Consultor

Como podemos ajudá-lo?

Ligue-nos +1 (305) 447-7060

Ao clicar em Contate-Nos botão você concorda com nosso Privacy Policy

Contate nossa equipe

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Receba minha proposta grátis

Fale com um especialista em resultados!

Ao clicar em Enviar para botão você concorda com nosso Privacy Policy

Obrigado!

Tudo parece ótimo.

Estamos entusiasmados para começar, vamos escolher um momento em que possamos falar brevemente sobre seu projeto.