O desempenho real é altamente variável devido a diferenças nos dispositivos dos usuários, conexões de rede e outros fatores. Por exemplo, se você carregar seu site usando uma conexão de rede a cabo no escritório e comparar com o carregamento usando o Wi-Fi de uma cafeteria, as experiências provavelmente serão muito diferentes. Há muitas ferramentas no mercado que podem ajudar você a coletar dados de laboratório ou de 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 performance coletados em um ambiente controlado com configurações predefinidas de dispositivo e rede, enquanto os dados de campo são dados de performance coletados de carregamentos de página reais que seus usuários encontram na prática. Cada tipo tem seus próprios pontos fortes e limitações.
Os dados de laboratório oferecem resultados reproduzíveis e um ambiente de depuração, mas podem não capturar gargalos do mundo real e não podem ser correlacionados com os KPIs de páginas do mundo real. Com os dados de laboratório, você precisa entender os dispositivos e as redes típicos dos usuários e espelhar essas condições de forma adequada ao testar o desempenho. Mesmo em áreas com 4G, os usuários podem ter conexões mais lentas ou intermitentes em elevadores, durante o deslocamento ou em ambientes semelhantes.
Os dados de campo (também chamados de monitoramento de usuários reais ou RUM, na sigla em inglês) capturam a experiência real do usuário e permitem a correlação com os KPIs de negócios, mas têm um conjunto restrito de métricas e recursos de depuração limitados.
Ferramentas
Dados de laboratório
O Lighthouse usa um URL e executa 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) fornece métricas que mostram como os usuários reais do Chrome interagem com destinos populares na Web.
Outras ferramentas
O PageSpeed Insights fornece dados de laboratório e de campo 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 web integradas diretamente ao navegador Google Chrome. Ele permite que você analise o ambiente de execução de uma página, além de identificar e depurar gargalos de desempenho.