Introdução ao Google Lighthouse

ArtigosCategory
8 min read
Stacey Hartman

Atualmente, as expectativas para o seu site são altas. Além de parecer profissional, o site precisa ser carregado rapidamente em uma ampla variedade de dispositivos. Fazer malabarismos para manter o site funcionando sem problemas pode sobrecarregar até os desenvolvedores da Web mais experientes. Se você está tentando otimizar seu site, o Google Lighthouse é uma poderosa ferramenta de desenvolvimento para te ajudar.

Nunca ouviu falar do Google Lighthouse? Não sabe ao certo como essa ferramenta pode ajudá-lo?

Guia de início rápido do Google Lighthouse

Neste guia, abordaremos os seguintes tópicos:

  • O que é o Google Lighthouse?
  • O que está incluído em uma pontuação do Google Lighthouse?
  • Por que a pontuação é importante?
  • Topografia da concorrência.
  • Criamos sites na GoDaddy com o Lighthouse em mente.

Vamos dar uma olhada.

O que é o Google Lighthouse?

O Google Lighthouse é uma ferramenta destinada a ajudar desenvolvedores da Web a melhorar a qualidade das páginas em seus sites.

Ele verifica as velocidades de carregamento, acessibilidade e a otimização geral do mecanismo de pesquisa (SEO) da página que verifica. Essas funções são importantes, pois a qualidade de cada página é um fator que contribui para o SEO do seu site como um todo.

Originalmente destinado a analisar os PWAs (Progressive Web Apps), o Google expandiu a funcionalidade dessa ferramenta para torná-la mais acessível ao web designer comum.

Ele executa testes, também conhecidos como auditorias, de quão bem a página é carregada sob condições simuladas. As condições simuladas incluem uma conexão de dados fraca em um dispositivo lento, perda de pacotes e otimização da rede.

Parece injusto? Realmente não é.

O objetivo do Google Lighthouse é ajudá-lo a otimizar melhor as velocidades de carregamento do seu site. Portanto, testar em condições não tão ideais é um excelente teste do mundo real para ajudá-lo em sua jornada de otimização.

O que está incluído em uma pontuação do Google Lighthouse?

Google Lighthouse

Ao executar uma varredura de suas páginas da web pelo Google Lighthouse, você recebe uma pontuação em cinco métricas individuais. Vamos dar uma olhada em cada um abaixo.

  1. Desempenho

O desempenho das páginas do seu site está relacionado à velocidade geral com a qual o site é carregado e até que ponto os usuários conseguem interagir com o conteúdo do site.

Essas funções são cruciais para a classificação de SEO do seu site e para como os usuários o percebem.

Seu site pode estar cheio de belas imagens de alta definição, mas se a página não carregar rápido o suficiente, o usuário poderá sair do site antes que as imagens sejam carregadas.

O Google recompensa sites capazes de carregar uma página rapidamente e prioriza sites rápidos acima de sites mais lentos nos resultados de pesquisa.

  1. Acessibilidade

O teste de acessibilidade verifica suas páginas para garantir que um cabeçalho de página tenha sido estabelecido. Ele também executa verificações básicas nas cores do seu site para garantir que seja facilmente legível e se o texto pode ou não ser redimensionado para um usuário com deficiência visual.

Como não é possível que os testes automatizados verifiquem tudo, o Google Lighthouse também apresentará alguns itens para verificar manualmente para garantir que seu site esteja totalmente acessível.

  1. Melhores Práticas

Este teste é mais generalizado do que os outros testes, mas se concentra fortemente nas vulnerabilidades de segurança. Ele procura por coisas como erros nos bastidores quando a página é carregada, referências a bibliotecas desatualizadas ou links não seguros.

  1. SEO

SEO é algo que muitos usuários já estão familiarizados. O teste verifica se a sua página da web é facilmente detectável pelos mecanismos de pesquisa.

Isso inclui verificações de cabeçalhos H1 em cada página, metatags apropriadas, etc. O teste de SEO também incluirá uma lista de itens manuais a serem verificados.

  1. Aplicativo Web Progressivo

A verificação do Progressive Web App (PWA) testa suas páginas para garantir que elas possam ser baixadas facilmente no dispositivo móvel de um espectador e acessadas offline. Essa funcionalidade é especialmente importante se o seu site atende a uma região do mundo em que o acesso à Internet pode ser ruim ou irregular.

Por que uma pontuação do Google Lighthouse é importante?

Agora que falamos sobre o que o Google Lighthouse está testando no seu site, é hora de entender o motivo pelo qual essa pontuação deve ser importante para você.

As melhorias de desempenho devem sempre estar à frente da mente.

Quando você otimiza o desempenho do seu site com dispositivos móveis, o desempenho do seu site nos navegadores em computadores melhorará ao mesmo tempo. Os usuários acessam cada vez mais sites por meio de dispositivos móveis, por isso é importante que seu site ofereça uma experiência rápida e tranqüila para seus visitantes.

Essas melhorias também vão otimizar bastante a capacidade de pesquisa do seu site.

Afinal, o que o seu site faz de bom se ninguém o está vendo? Um site com melhor desempenho será recompensado com classificações mais altas nos mecanismos de pesquisa. Por fim, se preocupar com o desempenho oferece ao seu site uma vantagem sobre seus concorrentes.

Examinando a competição

Curioso para saber como a GoDaddy se compara à concorrência? Para testar isso, criamos sites de exemplo usando quatro dos produtos de criação de sites mais populares do mercado: GoDaddy Sites + Marketing, Squarespace, Weebly e Wix.

Criamos três conjuntos de sites comparáveis ​​usando cada um dos quatro produtos (12 sites no total).

Os sites foram projetados para representarem sites típicos de pequenas empresas.

Dentro de cada categoria - site quiroprático, site restaurante e site imobiliário -, tornamos os quatro sites o mais semelhante possível. Cada um incluía exatamente o mesmo texto e imagens, além de recursos comparáveis ​​(por exemplo, galerias de imagens, formulários de contato, mapas).

Depois que esses sites foram lançados, testamos cada um usando o Google Lighthouse. Para o Lighthouse, quanto maior a pontuação, melhor.

Nesta experiência, os sites criados com o Sites + Marketing da GoDaddy foram comparáveis ​​aos criados com o Squarespace, Weebly e Wix for Accessibility and Best Practices.

Google Lighthouse

No entanto, os sites do Sites + Marketing tiveram uma leve vantagem sobre os sites Squarespace na pontuação do Progressive Web App e resultados impressionantes na pontuação de desempenho.

Além desses exemplos de testes de sites, o Sites + Marketing classificou-se nas principais latências de resposta do servidor no mundo real (tempo até o primeiro byte), conforme monitorado por Is My Host Fast Yet usando sites de usuários reais. Tempo até o primeiro byte (TTFB) é o tempo que leva desde o início da solicitação da página do usuário até o momento em que ele recebe o primeiro byte da resposta do servidor.

Google Lighthouse
Resultados do Is My Host Fast

Os resultados são impressionantes. Os usuários de computadores e dispositivos móveis que visitam Sites + Marketing experimentam uma latência significativamente menor do que os usuários que visitam qualquer um dos outros provedores de hospedagem listados aqui.

Então, lançamos muitas estatísticas aqui, mas o que elas realmente significam para sua empresa? O Google mostrou que, como o tempo de carregamento da página varia de um segundo a três segundos, a probabilidade de um usuário abandonar o site aumenta em 32%.

Em outras palavras, quanto mais lento for o seu site, maior a probabilidade de os visitantes o deixarem sem explorar mais conteúdo (ou comprar qualquer coisa).

Sites mais rápidos fornecem uma experiência melhor para os visitantes do site. A GoDaddy está comprometida em fornecer aos nossos clientes as melhores ferramentas possíveis para fornecer uma experiência de qualidade para manter os usuários em seu site.

Criamos sites na GoDaddy com o Lighthouse em mente

Google Lighthouse

Com todos os detalhes sobre as métricas do site e o Google Lighthouse, você pode estar ansioso para começar a otimizar seu site.

No entanto, abordamos apenas os recursos mais gerais do que o Google Lighthouse testará neste artigo. A resolução dos problemas apresentados geralmente requer um alto nível de habilidade técnica.

Por esse motivo, os resultados - e as sugestões que eles dão - podem fazer você se sentir perdido.

É aí que o Sites + Marketing da GoDaddy podem ajudar.

Criamos nosso construtor de Sites + Marketing desde o início, com o Google Lighthouse em mente. No passado, nossos criadores de sites eram desenvolvidos com o SEO como um foco pesado, mas como o Google agora está usando as pontuações do Lighthouse em seus algoritmos de classificação, mudamos nossas metas.

O resultado? Sites bonitos e simplificados, tudo a partir de uma ferramenta fácil de usar para criar sites.

Com o Sites + Marketing, você pode ter um site deslumbrante em pouco tempo e o trabalho pesado de otimização de site é feito para você. Então, o que você está esperando? Experimente Sites + Marketing e veja os resultados por si mesmo.

Não quer construir você mesmo? O serviço da GoDaddy criará um site para você usando ferramentas como o Google Lighthouse para garantir que você tenha um site bonito por dentro e por fora.