Obsessão com o tempo de carregamento na primeira página sabota empresas de comércio eletrônico.

Se a transição não for boa, o tempo de carregamento da primeira página não importa.

Uma abordagem falha para a medição da velocidade da página sabota lojas virtuais e marketplaces.

Pode ser um exagero, mas é hora de mudar. Um foco no histórico em métricas baseadas em rede – bytes baixados por página ou ativos por página, por exemplo – e umas ênfases excessivas nos tempos de carregamento da primeira página fizeram com que o restante da jornada do cliente na internet fosse prejudicado.

Desenvolvedores e gerentes de produtos têm confiado em ferramentas como o Lighthouse, do Google, para medir a velocidade de carregamento da página e, quando o gigante das buscas começou a considerar as velocidades das páginas móveis em seu algoritmo de classificação de sites, essa confiança só cresceu.

Infelizmente, embora o Lighthouse e outras ferramentas semelhantes sejam ótimas para medir cargas de primeira página, elas não medem a velocidade de navegação, o tempo necessário para fazer a transição de uma página para a próxima. Isso é uma omissão gritante.

Nós construímos o que medimos

O especialista em UX móvel, Luke Wroblewski, resumiu bem o problema: “As pessoas abrem os telefones 80 vezes por dia”.… A maioria das sessões é muito curta – a maioria é de menos de 30 segundos. Dado que, se as coisas estão lentas, você vai realmente, realmente, realmente odiá-lo.

De fato, os pesquisadores da Ericsson determinaram que os tempos de carregamento lentos criam o mesmo desconforto psicológico para os usuários do que assistir a um filme de terror ou esperar na fila de uma loja. O último é especialmente revelador, já que os consumidores muitas vezes recorrem às compras no smartphone com precisão para evitar essas longas filas. No entanto, de acordo com dados da Monetate, os sites que convertem mais no mobile são convertidos em apenas 38% de suas contrapartes no desktop. A otimização da velocidade de navegação móvel ajudará a fechar essa lacuna.

Esse problema afeta os sites de comércio eletrônico em particular porque a média da sessão de comércio eletrônico tem pouco mais de três minutos e abrange seis páginas, cada uma levando quase sete segundos para ser carregada. Isso significa que, para 20% da sessão, os usuários estão esperando, entediados. Reduzir um segundo do carregamento da primeira página não diminui muito o tempo de espera, mas reduzir a velocidade de navegação para o intervalo de sub-segundo (por exemplo, 300 milissegundos) reduz o tempo gasto em espera para apenas 5%.

Como usuário, isso certamente contribui para uma melhor experiência. Do outro lado da tela, a única maneira de avaliar se um site tem efeitos semelhantes a filmes de terror é medir a velocidade do site, tanto a primeira como a velocidade de navegação.

A velocidade do website mudou

Duas novas tecnologias de desenvolvimento web mudaram o jogo para a velocidade do site. A primeira é o surgimento de frameworks de aplicativos maduros em JavaScript, como React, Vue e Angular. Essas estruturas facilitam o fornecimento de websites como aplicativos de página única, também conhecidos como aplicativos da Web progressivos, que não precisam recarregar a página inteira depois de um clique – pense no Gmail e no Twitter em seu navegador para dispositivos móveis.

O segundo é o amplo apoio em ambos os telefones Android e iPhones para novos recursos que permitem PWAs, que são sites que agem como aplicativos nativos, incluindo transições de páginas instantâneas, navegação off-line e notificações push. Acima de tudo, os recursos do PWA proporcionam aos desenvolvedores maior controle sobre o cache do navegador e a pré-busca de conteúdo, que são essenciais para ativar cargas de páginas instantâneas que podem competir com aplicativos baixados da App Store ou da Play Store.

Essencialmente, os sites agora podem competir com aplicativos nativos no reino da velocidade de navegação. Mas a maioria das ferramentas de velocidade do site não mede isso. Algo precisa mudar para garantir que a experiência do usuário melhore com a tecnologia de criação de sites. É hora de mudar a mentalidade de métricas baseadas na rede e carregamento de primeira página para métricas perceptivas e otimização da primeira carga e velocidade de navegação.

Mude o que você mede

A primeira mudança de mentalidade é de métricas baseadas em rede para métricas perceptuais. Historicamente, a velocidade da página era medida por métricas baseadas na rede (por exemplo, bytes baixados por página) que tinham uma forte correlação com a velocidade de um site. Os PWAs e as modernas técnicas de otimização enfraqueceram essa correlação. Portanto, as equipes devem se concentrar em novas métricas perceptivas que melhor capturem a rapidez com que um site realmente se sente ao usuário.

Em um contexto de comércio eletrônico, as melhores métricas de percepção a serem consideradas são o índice de velocidade, a primeira pintura de conteúdo e o tempo da primeira pintura. Em termos simples, essas métricas medem quanto tempo leva para carregar as partes visíveis de uma página. Eles ignoram ações como a pré-busca de conteúdo que as métricas baseadas em rede penalizariam.

A segunda mudança de mentalidade é um foco maior na medição da velocidade de navegação. O Lighthouse é uma ferramenta útil e popular de código aberto para auditar o desempenho, a compatibilidade com o PWA e a acessibilidade de um site. Infelizmente, ele se concentra apenas no carregamento da primeira página.

Felizmente, uma ferramenta chamada WebPageTest é capaz de medir a velocidade de navegação através de seus recursos avançados de script. É recomendado usá-lo para medir com precisão a velocidade de navegação em pontos-chave da jornada do cliente.

Um exemplo dramático de quando o WebPageTest e as medições de velocidade de navegação importam é com as Accelerated Mobile Pages. As páginas AMP são pesquisadas e entregues diretamente do Google. Esse conteúdo pré-buscado é carregado quase instantaneamente, substituindo assim os carregamentos lentos de primeira página por novas visitas ao seu site, com uma rápida transição de navegação.

No entanto, se você comparar os tempos de primeira carga de conteúdo AMP e não AMP usando a maioria das ferramentas de medição de velocidade, perderá o carregamento de página instantâneo nas suas métricas e acha que o AMP oferece pouco benefício, pois essas ferramentas não medem as transições de navegação.

Dado o impacto da velocidade nas taxas de conversão e que a pesquisa orgânica representa mais de 40% do tráfego do website de comércio eletrônico, isso pode ser um erro caro.

Medição de velocidade precisa é fundamental para o sucesso

À medida que as tecnologias de desenvolvimento da Web evoluem, é importante que a forma como medimos a velocidade de carregamento da página evolua com elas. Caso contrário, a experiência do usuário sofrerá. É importante lembrar que todo website de comércio eletrônico está competindo pela atenção dos usuários a cada minuto de cada dia. Sua concorrência não é apenas o site de um concorrente. São o Facebook, o e-mail, o Netflix e todos os outros aplicativos nativos no dispositivo de um usuário.

Se você está se concentrando em medir o carregamento de primeira página e negligenciar a velocidade de navegação, corre o risco de perder a batalha pela atenção do consumidor. Preencher as lacunas na velocidade de navegação, quando faltam outras ferramentas, ajudará a pintar a imagem certa da sua experiência do usuário.

Por fim, se você não estiver considerando métricas perceptivas e medir a velocidade de navegação do seu site, estará ignorando a maior parte da jornada do consumidor – e isso é uma boa maneira de garantir que os clientes ignorem você.