Histórias de sucesso do Google Lighthouse: como melhorar o desempenho com otimização técnica

Com o Google Lighthouse, você pode avaliar com rapidez e facilidade o desempenho técnico de qualquer URL. Testes detalhados medem tempos de carregamento, acessibilidade e segurança na web e, ao mesmo tempo, revelam potencial para melhorar a infraestrutura técnica de um site. Nesta postagem do blog, gostaria de compartilhar alguns exemplos de empresas que usaram com sucesso o Google Lighthouse para ajudar a aumentar seu desempenho on-line. Descubra como o mercado asiático Carousell usou o Lighthouse para gerar 63% mais tráfego orgânico, como as pontuações de desempenho do TripAdvisor e do Lighthouse da Expedia se correlacionam com as classificações do Google e muito mais.

Se você está procurando uma visão geral do que é o Google Lighthouse e quão relevante ele é para as classificações dos mecanismos de pesquisa, comece lendo nosso whitepaper Searchmetrics, “Fatores de classificação do Google Lighthouse 2019”. O artigo analisa o estado atual da otimização dos sites de primeira linha no Google.com, com base em dados de mais de 15 milhões de auditorias do Google Lighthouse. Baixe o whitepaper aqui:

Fatores de classificação do Google Lighthouse 2019

História de sucesso 1: como o eBay da Ásia elevou seu desempenho de farol de 17 para 84 pontos

Nosso primeiro estudo de caso do Lighthouse vem da resposta da Ásia ao eBay, o mercado carousell.com. A plataforma de Cingapura depende principalmente do tráfego móvel e, com vistas à expansão para outros países asiáticos como Indonésia e Filipinas, eles buscavam uma maneira de aumentar o tempo de carregamento móvel de seu Progressive Web App: “Ter uma página da Web demora mais mais de 15 segundos para carregar em 3G (como o nosso fez) é inaceitável se quisermos adquirir e reter nossos novos usuários”, explica Stacey Tay, líder de tecnologia da Web da Carousell, em um post no Medium, onde descreve como Carousell abordou a otimização do desempenho técnico do site deles.

Para começar, explica Stacey, os resultados de suas auditorias iniciais do Lighthouse foram um alerta – a pontuação de desempenho foi de apenas 17 pontos e os resultados nas categorias Progressive Web App e Accessibility foram muito medíocres. Apenas as pontuações em duas categorias, SEO e Melhores Práticas – que se concentram nos aspectos de segurança de um site como HTTPS ou bibliotecas JavaScript seguras – foram satisfatórias.

Com base nesses resultados, a otimização foi direcionada principalmente para melhorar os resultados nas categorias Lighthouse de Performance e Progressive Web App. A comparação antes/depois das pontuações do Lighthouse do carrousell.com mostra quanto progresso foi feito nessas áreas:

As medidas de otimização técnica foram realizadas em 2018 – no final de outubro, Stacey Tay documentou o sucesso no Medium. Se observarmos a visibilidade de SEO do carrousell.com em seu país de origem, Cingapura, podemos ver uma clara melhoria no desempenho:

Antes de implementar as tarefas necessárias para a otimização, foi estabelecido um objetivo claro da missão:

“Queríamos oferecer aos novos usuários uma experiência agradável desde o início, porque o desempenho é a experiência do usuário. Para fazer isso, projetamos uma nova experiência na web que prioriza o desempenho.” Stacey Tay, líder de tecnologia da Web na Carousell

Esta missão estabeleceu as bases para a otimização técnica do site. É importante ressaltar que isso não foi tratado como um projeto paralelo, foi altamente priorizado e recebeu um orçamento de desempenho dedicado. Com essa missão, escreve Stacey, ficou mais fácil motivar a equipe, convencer a gerência da importância do projeto e justificar o investimento demonstrando o sucesso do projeto.

Após a definição do orçamento, as metas foram estabelecidas, com base nas pontuações nas auditorias do Google Lighthouse:

Como mencionado anteriormente, a pontuação de desempenho antes da otimização era de apenas 17 pontos. Depois de otimizar a página inicial do carrousell.com, eles conseguiram uma pontuação de 84 pontos. Aspectos da infraestrutura do site que foram abordados incluíram a configuração de um sistema de cache mais eficaz com pré-cache de caixa de trabalho e service workers, compactação de imagens e aplicação de CSS inlining. Juntas, essas medidas contribuíram para a criação de um Progressive Web App rápido e fácil de usar – e é assim que a página carrega agora:

Evidências concretas do sucesso da otimização de desempenho de Carousell podem ser encontradas nos números. Além da redução do tempo de carregamento em 65%, a melhoria mais notável pode ser observada no aumento do tráfego. Desde a otimização, o tráfego orgânico da Carousell aumentou 63%:

Leia os fatores de classificação do Google Lighthouse 2019

História de sucesso 2: como a Staples e o Walmart usaram tempos de carregamento mais rápidos para aumentar as conversões

Quando se fala em otimização de tempos de carregamento, existem algumas estatísticas do Google que são frequentemente usadas como pontos de referência. Por exemplo, à medida que o tempo de carregamento aumenta, também aumenta a probabilidade de um usuário móvel retornar aos resultados da pesquisa. Se o tempo de carregamento aumentar de um para três segundos, a probabilidade da taxa de rejeição aumentará em 32%; se os tempos de carregamento forem de um a cinco segundos, a probabilidade de rejeição aumentará em 90%.

A ferramenta de análise de velocidade de página GTmetrix investigou os benefícios concretos da redução dos tempos de carregamento, analisando uma ampla variedade de sites de varejo. Os exemplos incluem varejistas de peso como Staples e Walmart e demonstram a clara correlação entre tempos de carregamento mais rápidos e maiores taxas de conversão.

Leia os fatores de classificação do Google Lighthouse 2019

História de sucesso 3: Como Douglas reduziu os tempos de carregamento pela metade

Agora nos voltamos para o gigante alemão de perfumes, Douglas, que usou o Google Lighthouse para fazer grandes melhorias no desempenho de seu site. Sua história de sucesso remonta à Black Friday 2017, quando o grande aumento no tráfego fez com que a página não estivesse disponível para alguns usuários. As pontuações de desempenho do Google Lighthouse na época também mostraram um espaço claro para melhorias. Michael Singer, consultor de SEO técnico freelance baseado em Munique que trabalhou no projeto para douglas.de e, desde maio de 2018, coordenou as operações entre TI e SEO, explica: “Antes da otimização, o tempo de interação em 3G era superior a 20 segundos – agora reduzimos para cerca de 8 segundos.”

Para alcançar este resultado impressionante na auditoria do Google Lighthouse, mudanças significativas foram feitas sob o capô do site do varejista de perfumes. “Passamos por mais de 200 tíquetes técnicos”, explica Michael, e lembra várias mudanças que foram feitas: O subdomínio móvel foi desativado; os usuários móveis agora acessam o domínio www principal responsivo de Douglas. Além disso, douglas.de foi convertido para usar JS React, que reduz o número de nós e solicitações, comprime HTML e reduz o tamanho das imagens. A latência do banco de dados também foi reduzida e várias otimizações de cache foram implementadas.

“O foco do nosso trabalho é o usuário, que deve conseguir usar o site o mais rápido possível. O objetivo da nossa otimização da velocidade da página era chegar a um primeiro tempo interativo de 4 segundos. Isso, juntamente com a mudança para o JS React e a mudança para uma única versão de site responsivo, levou a um crescimento significativo em nossa visibilidade de SEO, maior tráfego e aumento do volume de negócios.” Michael Singer, consultor de SEO de tecnologia freelance

Essas otimizações, usando as pontuações de desempenho do Google Lighthouse, resultaram em uma melhoria notável nos tempos de carregamento da página. “Para verificar as métricas, executamos testes de velocidade em tempo real com o Instana que nos mostram efeitos de longo prazo. Em abril de 2018, os valores de desktop ainda eram superiores a 8 segundos. Em outubro de 2018, muitas vezes atingimos a marca de 4 segundos.” Por último, mas não menos importante, a disponibilidade técnica do site também foi melhorada, para que os picos de tráfego como o da Black Friday agora possam ser melhor tratados.

Essa otimização de desempenho trouxe uma reviravolta imediata na visibilidade de SEO do douglas.de. Entre maio de 2018 e maio de 2019, o domínio teve um aumento de 25% na visibilidade orgânica.

Claro, Searchmetrics SEO Visibility é apenas um indicador inicial do desempenho de um site no Google. Michael Singer fornece mais informações sobre outros KPIs que foram impactados pela otimização do douglas.de. “As visitas aumentaram e o volume de negócios também teve um forte crescimento”, diz Michael. A taxa de conversão também aumentou em proporção semelhante, até porque SEO é o canal que traz mais volume de negócios do douglas.de.

Resultados da otimização de Douglas em resumo:

• Tempo de carregamento da página -50%
• Visibilidade SEO +25%
• Grande aumento de visitas, conversões e volume de negócios.

Leia os fatores de classificação do Google Lighthouse 2019

História de sucesso 4: como o desempenho do URL influencia as classificações do Google para TripAdvisor e Expedia

Para investigar a relação entre as pontuações do Lighthouse Performance e as classificações reais do Google, decidi realizar uma análise no setor de viagens. Reuni 3.500 palavras-chave relacionadas a viagens sobre os tópicos de hotéis, voos e caravanas e analisei as páginas de classificação no Google.com, além de observar as posições de classificação do TripAdvisor e da Expedia para essas palavras-chave. O resultado: o TripAdvisor e a Expedia têm uma classificação alta quando o desempenho do Google Lighthouse também é alto:

Por que há uma conexão tão clara aqui? A indústria de viagens online é altamente competitiva, com vários grandes players lutando. Além do TripAdvisor e da Expedia, você tem Booking.com, Hotels.com, FlightRadar etc., todos com alto nível de confiança e marcas bem estabelecidas e populares. Ao mesmo tempo, é difícil diferenciar entre as diferentes marcas. Em muitos casos, o conteúdo, por exemplo, a descrição de um hotel, será muito semelhante – isso dificulta que um site se destaque com um grande USP. E se vários sinais de classificação forem praticamente os mesmos - marca de tamanho semelhante, interface semelhante, recursos semelhantes, conteúdo semelhante -, o desempenho do site provavelmente será o fator decisivo para determinar as classificações.

“ Um tempo de carregamento rápido é extremamente importante para uma boa experiência do usuário. Cada interrupção ao interagir com um site cria uma pequena frustração, e a frustração do usuário aumenta à medida que ocorrem mais interrupções. Se o tempo de carregamento aumentar em apenas alguns segundos, vários sites mostram um aumento na taxa de rejeição – o que acaba levando a uma queda na taxa de conversão.” Nils Kattau, especialista em conversão

Para descobrir a relevância dos resultados do Google Lighthouse para o seu mercado, você pode trabalhar com fatores de classificação de Searchmetrics personalizados. Analisamos os dados do Google Lighthouse para o seu mercado relevante, combinamos com nossos próprios dados de classificação do Searchmetrics e fornecemos recomendações concretas e acionáveis ​​para a otimização técnica do seu site. Solicite seu relatório pessoal hoje:

Solicitar uma auditoria personalizada do Searchmetrics Lighthouse