O desempenho no mundo real é altamente variável devido a diferenças nos dispositivos, conexões de rede e outros fatores dos usuários. Por exemplo, se você carregar o site usando uma conexão de rede a cabo no escritório e o comparar com a carga usando Wi-Fi em um café, as experiências provavelmente serão muito diferentes. Existem muitas ferramentas no mercado que podem ajudar você a coletar dados de laboratório ou campo para avaliar o desempenho da página.
Dados de laboratório x dados de campo
Os dados de laboratório são dados de desempenho coletados em um ambiente controlado com configurações predefinidas de dispositivo e rede, enquanto os dados de campo são dados de desempenho coletados de carregamentos de página reais experimentados pelos usuários. Cada tipo tem seus próprios pontos fortes e limitações.
Os dados do laboratório oferecem resultados reproduzíveis e um ambiente de depuração, mas podem não capturar gargalos reais e não se correlacionar com KPIs reais das páginas. Com os dados de laboratório, você precisa entender os dispositivos e redes típicos dos seus usuários e espelhar corretamente essas condições ao testar o desempenho. Lembre-se de que, mesmo em áreas com 4G, os usuários ainda podem ter conexões mais lentas ou intermitentes em elevadores, durante o deslocamento diário ou em ambientes comparáveis.
Os dados de campo, também chamados de monitoramento real de usuários ou RUM, capturam a experiência real do usuário e permitem fazer uma correlação com os KPIs comerciais, mas têm um conjunto restrito de métricas e recursos de depuração limitados.
Ferramentas
Dados de laboratório
O Lighthouse recebe um URL e faz uma série de auditorias na página, gerando um relatório sobre o desempenho dela. Há várias maneiras de executar o Lighthouse, incluindo uma opção para auditar facilmente uma página no Chrome DevTools.
Dados de campo
O Chrome User Experience Report (CrUX, na sigla em inglês) inclui métricas que mostram como os usuários reais do Chrome utilizam destinos comuns na Web.
Outras ferramentas
O PageSpeed Insights fornece dados de campo e de laboratório sobre uma página. Ele usa o Lighthouse para coletar e analisar dados de laboratório sobre a página, enquanto os dados de campo reais são baseados no conjunto de dados do Chrome User Experience Report.
As Ferramentas para desenvolvedores do Chrome são um conjunto de ferramentas para desenvolvedores da Web integradas diretamente no navegador Google Chrome. Com ele, você pode criar o perfil do tempo de execução de uma página, além de identificar e depurar gargalos de desempenho.