Como melhorar a performance do seu site
- Jode Alves Castro
- 3 de set.
- 4 min de leitura
Sobre Performance
A Web 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.
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 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
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
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
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.
Observação : ferramentas como Lighthouse e WebPageTest coletam esse tipo de dados.
Dados de campo
(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
Limitações
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 desempenho, como a pontuação de velocidade do PageSpeed Insights informam esse tipo de dados.
Quais são as diferentes ferramentas de performance?
Oferece conselhos personalizados sobre como melhorar o desempenho, a acessibilidade, o PWA, o SEO e outras práticas recomendadas do seu site.
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.
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.
Mostra os dados do campo de velocidade do seu site, além de sugestões de otimizações comuns para melhorá-lo.
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.
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.
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á…
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.
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.
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.
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.
Comentários