Como pensar nas ferramentas de velocidade

O Google publicou muitas orientações sobre dados de performance e ferramentas de performance. O objetivo deste infográfico é consolidar essas orientações para desenvolvedores e profissionais de marketing, ajudando-os a entender como pensar sobre performance e navegar por todas as ofertas de ferramentas de performance do Google.

Baixe a versão em PDF

Mitos comuns sobre performance

Mito 1

A experiência do usuário pode ser capturada com uma única métrica.

Uma boa experiência do usuário não é capturada em um único momento. Ele é composto por uma série de marcos importantes na jornada dos usuários. Entenda as diferentes métricas e acompanhe aquelas que são importantes para a experiência dos usuários.

Mito 2

A experiência do usuário pode ser capturada com um único "usuário representativo".
A performance no mundo real é altamente variável devido a diferenças nos dispositivos dos usuários, nas conexões de rede e em outros fatores. Calibre seu laboratório e ambiente de desenvolvimento para testar uma variedade de condições diferentes. Use dados de campo para informar a seleção de parâmetros de teste para o tipo de dispositivo (por exemplo, dispositivo móvel x computador), conexões de rede (por exemplo, 3G ou 4G) e outras variáveis importantes.

Mito 3

Meu site carrega rápido para mim, então deve carregar rápido para meus usuários.
Os dispositivos e as redes em que os desenvolvedores testam o desempenho de carregamento costumam ser muito mais rápidos do que os usados pelos usuários. Use dados de campo para entender quais dispositivos e redes seus usuários estão usando e espelhe adequadamente essas condições ao testar o desempenho.

Noções básicas sobre dados de laboratório x dados de campo

Dados de laboratório

Os dados de laboratório são dados de performance coletados em um ambiente controlado com configurações predefinidas de dispositivo e rede. Isso oferece resultados reproduzíveis e recursos de depuração para ajudar a identificar, isolar e corrigir problemas de desempenho.

O que fazer

Pontos fortes

• Útil para depurar problemas de desempenho
• Visibilidade completa e profunda da UX
• Ambiente de teste e depuração reproduzível

O que não fazer

Limitações

• Pode não capturar gargalos do mundo real
• Não é possível correlacionar com os KPIs de páginas reais

Observação: ferramentas como o Lighthouse e o WebPageTest coletam esse tipo de dados.

Dados de campo

(também chamado de monitoramento de usuários reais ou RUM, na sigla em inglês)

Os dados de campo são dados de performance coletados de carregamentos de página reais que seus usuários estão experimentando na prática.

O que fazer

Pontos fortes

• Captura a experiência real do usuário
• Permite a correlação com os indicadores principais de desempenho da empresa

O que não fazer

Limitações {: .compare-worse }

• Conjunto restrito de métricas
• Recursos de depuração limitados

Observação: conjuntos de dados públicos, como o Chrome User Experience Report, e ferramentas de performance, como a pontuação de velocidade do PageSpeed Insights, informam esse tipo de dado.

Quais são as diferentes ferramentas de performance?

Farol Oferece conselhos personalizados sobre como melhorar o desempenho, a acessibilidade, o PWA, o SEO e outras práticas recomendadas do seu site.	WebPageTest Permite comparar o desempenho de uma ou mais páginas em um ambiente de laboratório controlado, além de analisar as estatísticas de desempenho e testar o desempenho em um dispositivo real. Também é possível executar o Lighthouse no WebPageTest.
TestMySite Permite diagnosticar o desempenho da página da Web em vários dispositivos e fornece uma lista de correções para melhorar a experiência do Webpagetest e do PageSpeed Insights.	PageSpeed Insights Mostra dados de campo de velocidade do seu site, além de sugestões de otimizações comuns para melhorá-lo.
Visão geral de velocidade Permite comparar a velocidade do seu site para dispositivos móveis com a de concorrentes em mais de 10 países. A velocidade do site para dispositivos móveis é baseada em dados reais do Chrome User Experience Report.	Calculadora de impacto Permite estimar a oportunidade de receita potencial de melhorar a velocidade do seu site para dispositivos móveis, com base em dados de comparativo de mercado do Google Analytics.
Ferramentas para desenvolvedores do Chrome Permite analisar o ambiente de execução de uma página, além de identificar e depurar gargalos de desempenho.

Então você é…

Profissional de marketing ou desenvolvedor que está tentando criar um caso de negócio para melhorar a experiência do usuário no seu site. Você fala em dólares e centavos e está procurando valores monetários que possam ajudar a quantificar o custo de oportunidade e o aumento esperado.

• Use o Quadro de pontuação de velocidade para comparar a velocidade do seu site para dispositivos móveis com a de sites semelhantes em mais de 10 países. As pontuações são baseadas em dados reais do Chrome User Experience Report.
• Use a Calculadora de impacto para estimar a oportunidade de receita potencial de melhorar a velocidade do seu site para dispositivos móveis. O impacto é impulsionado por dados de comparativo de mercado do Google Analytics.
• Use o TestMySite para testar o tempo de carregamento da sua página em dispositivos móveis, comparar com as comparações de mercado e saber como correções simples podem acelerar seu site e diminuir a perda de visitantes. No momento, o TestMySite é alimentado pelo WebPageTest e pelo PageSpeed Insights.

Desenvolvedor que quer entender o desempenho atual do site, conforme experienciado por usuários reais do Chrome, e que busca recomendações de auditoria com base nas principais tendências e diretrizes do setor.

O PageSpeed Insights ajuda você a entender o desempenho real do seu site, conforme a experiência dos usuários do Chrome, e recomenda oportunidades de otimização.

Desenvolvedor que quer entender e auditar um site de acordo com as práticas recomendadas de desempenho da Web moderna.

O Lighthouse contém um conjunto abrangente de oportunidades de desempenho. Ele fornece uma lista de oportunidades de desempenho que não estão na sua página e o tempo economizado com a implementação de cada otimização, o que pode ajudar você a entender o que precisa fazer.

Desenvolvedor que busca orientações técnicas sobre como depurar/investigar o desempenho do seu site.

As Ferramentas para desenvolvedores do Chrome (CDT, na sigla em inglês) contêm um painel de desempenho que permite detalhar os problemas de desempenho do site, criando um perfil com configurações personalizadas para rastrear gargalos de desempenho. Você pode usar o CDT em versões de produção ou desenvolvimento de um site.

O WebPageTest contém um pacote avançado de métricas e visualizadores de trace. Ele permite uma investigação detalhada do desempenho do seu site em hardware móvel real com condições de rede.