Como pensar sobre ferramentas de velocidade

Como pensar sobre ferramentas de velocidade

O Google oferece muitas orientações sobre dados e ferramentas de performance. O objetivo deste infográfico é consolidar essa orientação para desenvolvedores e profissionais de marketing. Assim, eles entendem como analisar a performance e navegar por todas as ofertas de ferramentas de performance do Google.

Fazer o download da versão em PDF

Um pedaço de papel
com um gráfico de linhas.

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

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

Mito 2

Uma coleção de iconografia de rede que representa diferentes dispositivos e condições
de rede.

A experiência do usuário pode ser capturada com um único "usuário representativo".
A performance no mundo real é muito variável devido a diferenças nos dispositivos dos usuários, nas conexões de rede e outros fatores. Calibre o laboratório e o ambiente de desenvolvimento para testar várias 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 vs. computador), conexões de rede (por exemplo, 3G ou 4G) e outras variáveis importantes.

Mito 3

Uma variedade de representações de
diferentes tipos de usuários.

Meu site está carregando rapidamente para os usuários.
Os dispositivos e as redes em que os desenvolvedores testam o desempenho de carregamento geralmente são muito mais rápidos do que os usuários reais. Use dados de campo para entender em quais dispositivos e redes seus usuários estão e espelhar essas condições de maneira adequada ao testar o desempenho.

Entender os dados de laboratório e de campo

Dados do laboratório

Representação de um homem em frente a
vários ícones e conceitos técnicos
abstratos

Os dados do laboratório são dados de desempenho coletados em um ambiente controlado com configurações predefinidas de dispositivo e rede. Ela 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

  • talvez não capture gargalos reais;
  • não estão relacionadas a KPIs de páginas reais.

Dados de campo

Representação de pessoas em um ambiente público usando dispositivos móveis.

(Também chamado de Real User Monitoring ou RUM)

Os dados de campo são informações de desempenho coletadas de carregamentos de página reais que seus usuários estão vivendo.

O que fazer

Pontos fortes

  • Captura a experiência real do usuário
  • Permite 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

Quais são as diferentes ferramentas de performance?

Farol

Farol

Oferece conselhos personalizados sobre como melhorar o desempenho, a acessibilidade, o PWA, o SEO e outras práticas recomendadas do seu site.

WebPageTest

WebPageTest

Permite comparar o desempenho de uma ou mais páginas em um ambiente de laboratório controlado e analisar detalhadamente as estatísticas de desempenho e o desempenho do teste em um dispositivo real. Também é possível executar o Lighthouse no WebPageTest.

TestMySite

TestMySite

Permite que você faça o diagnóstico do desempenho da página da Web em vários dispositivos e fornece uma lista de correções para melhorar a experiência no Webpagetest e no PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Mostra os dados do campo de velocidade do seu site, além de sugestões de otimizações comuns para melhorá-lo.

Comparador de velocidade

Visão geral de velocidade

Permite comparar a velocidade do seu site móvel com a de outros 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

Calculadora de impacto

Permite estimar a oportunidade de receita em potencial para melhorar a velocidade do seu site para dispositivos móveis com base nos dados de referência do Google Analytics.

Ferramentas para desenvolvedores do Chrome

Ferramentas para desenvolvedores do Chrome

Permite criar um perfil do tempo de execução de uma página, além de identificar e depurar gargalos de desempenho.

Então você está...

Ícone de um livro
mostrando tabelas e gráficos.

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

  • Use a Visão geral de velocidade para comparar a velocidade do seu site para dispositivos móveis com a de apps semelhantes em mais de 10 países. As pontuações se baseiam em dados reais do Chrome User Experience Relatório.
  • Use a Calculadora de impacto para estimar a possível oportunidade de receita com a melhoria da velocidade do site para dispositivos móveis. O impacto é impulsionado pelos dados de referência do Google Analytics.
  • Use TestMySite para testar o tempo de carregamento da sua página em dispositivos móveis com comparativos de mercado e saber como correções simples podem acelerar seu site e diminuir a perda de visitantes. No momento, o TestMySite usa a tecnologia WebPageTest e PageSpeed Insights.
Ícone de um laptop com o logotipo do Chrome atrás e um pouco acima
dele.

Desenvolvedor tentando entender o desempenho atual do seu site, conforme a experiência de usuários reais do Chrome, e procurando recomendações de auditoria em relação às 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.

Ícone de uma página de resultado da auditoria
do Lighthouse.

Desenvolvedor tentando entender e auditar um site em relação às práticas recomendadas modernas de desempenho da Web.

O Lighthouse contém um conjunto abrangente de oportunidades de performance. Ele apresenta uma lista de oportunidades de performance que faltam na sua página e o tempo economizado com a implementação de cada otimização, o que pode ajudar a entender o que é preciso fazer.

Ícone de uma lupa
sobre um inseto.

Desenvolvedor que busca orientação técnica sobre como depurar/se aprofundar no desempenho do site.

As Ferramentas para desenvolvedores do Chrome (CDT) contêm um painel de desempenho que permite detalhar os problemas de desempenho do site, criando um perfil para ele com configurações personalizadas, permitindo rastrear gargalos de desempenho. É possível usar as CDT nas versões de produção ou desenvolvimento de um site.

WebPageTest contém um conjunto avançado de métricas e visualizadores de traces. Com ela, é possível analisar detalhadamente o desempenho do seu site em hardwares reais de dispositivos móveis com condições de rede.