A velocidade de carregamento do site é um assunto delicado para o comércio eletrônico. E se nas versões para desktop tudo é mais ou menos normal, então com o celular o problema.
Analisamos as maiores lojas on-line da Rússia usando o serviço Google PageSpeed Insights para 39 variáveis - por setor e dispositivo. Quantas lojas entram na zona verde, quanto tempo demora a renderização do conteúdo e o carregamento da página inteira, o que funciona na aceleração de sites são os mais populares - e leia sobre isso na análise.
Por que tudo isso e para quem é útil?
Quando analisamos a usabilidade em dispositivos móveis das 20 principais lojas on-line da Rússia, descobrimos que apenas 1 em cada 20 passou no teste no serviço Google PageSpeed Insights . A maioria nem cai na zona "laranja".
A velocidade do download é importante por dois motivos:
- sites lentos perdem clientes - quanto mais o site é carregado, maior o desejo de voltar à pesquisa;
- Os sites rápidos têm maior probabilidade de assumir posições mais altas no setor orgânico (lembre-se da transição para a indexação Mobile-First ).
Decidimos nos aprofundar no tópico de velocidade de carregamento do site e analisar a situação real do comércio eletrônico. Selecionamos 48 lojas on-line da classificação DataInsight - 8 de diferentes áreas:
- produtos para automóveis;
- beleza e saúde;
- roupas, sapatos e acessórios;
- bens domésticos;
- eletrônica e tecnologia;
- lojas de departamento.
Cada loja foi analisada usando o PageSpeed Insights e compilou uma tabela de resumo .
A seguir, explicaremos o que significam as métricas no PSI e as analisaremos em diferentes segmentos do comércio eletrônico. As informações serão úteis não apenas para desenvolvedores e otimizadores, mas também para os proprietários de lojas online para entender as tendências atuais.
O que é importante saber sobre o PageSpeed Insights (PSI)
O PSI fornece informações sobre a velocidade de carregamento da página em dispositivos móveis e PCs, além de dicas sobre como fazê-los carregar mais rapidamente.
O relatório PSI é dividido em blocos:
- pontuação para a velocidade de carregamento da página (classificação de desempenho);
- dados de observação - são apresentados dados sobre a velocidade de carregamento da página pelos usuários nos últimos 30 dias (extraídos do relatório sobre a usabilidade do navegador Chrome);
- simulação de carregamento - dados na velocidade de carregamento da página (a tecnologia Lighthouse é usada para obtê-los);
- resultados da auditoria - uma lista de tarefas que requerem atenção para melhorar a velocidade de carregamento da página.
Vamos analisar com mais detalhes e analisar cada grupo de indicadores.
Avaliação de desempenho
O PageSpeed Insights fornece uma pontuação ao site com base na análise de sua velocidade de carregamento usando a ferramenta Lighthouse (separadamente para as versões para desktop e móvel). Os dados são atualizados diariamente e abrangem os últimos 30 dias.
As notas de classificação são:
- 90-100 pontos - a zona "verde". Você pode abrir champanhe.
- 50-89 pontos - a zona "laranja". Existem falhas, mas você pode viver.
- 0-49 pontos - a zona "vermelha". Tudo está ruim.
Em um mundo ideal, o site deve estar na zona verde. Mas a realidade é dura:
Das 48 lojas on-line (observação da classificação TOP-100), apenas uma (!) Mora na zona verde quando vista do celular. A situação é semelhante com os computadores de mesa - apenas 2 sites obtiveram 90 pontos ou mais. Isso representa apenas 2% e 4% do número total de sites analisados.
Quase 90% dos sites vistos em celulares passam no teste de velocidade de download com um resultado insatisfatório. Quando visto de desktops - cerca de 52%.
Se você observar a velocidade média de download por setor, as lojas on-line de produtos para automóveis, bem como roupas, sapatos e acessórios, carregam mais rapidamente. Lojas de eletrônicos e lojas de departamento estão atrasadas.
Dados de observação: FCP e FID
Primeira renderização de conteúdo (FCP)
FCP (First Contentful Paint) é o horário desde o momento em que você acessa o site até o navegador exibir o primeiro bit de conteúdo do DOM. Do ponto de vista dos usuários, a primeira renderização indica que o site está realmente carregando.
O PageSpeed Insights utiliza os valores de FCP no relatório de usabilidade do navegador Chrome . O 90º percentil FCP é exibido.
Gradação dos valores de FCP:
- 0-1 segundo - alta velocidade da primeira renderização do conteúdo;
- 1-2,5 segundos - velocidade média;
- mais de 2,5 segundos - baixa velocidade.
Valores FCP reais:
Em contraste com a pontuação da velocidade de carregamento do site, de acordo com o indicador FCP, não há diferença acentuada entre as versões desktop e móvel na massa total.
Os valores médios de FCP por setor:
Além do valor médio do FCP nos últimos 30 dias, o PSI também exibe a porcentagem de distribuição de carregamento da página, dependendo do valor do FCP (velocidade de download "alta", "média" e "baixa").
Um exemplo:
Neste exemplo, em 18% dos carregamentos de páginas, a primeira renderização do conteúdo não durou mais de 1 segundo, em 62% - de 1 a 2,5 segundos, em 20% - mais de 2,5 segundos. O valor médio é de 3,3 segundos.
Calculamos a média da porcentagem de distribuição de downloads para cada um dos 48 sites analisados e recebemos os seguintes números:
Não há diferenças significativas entre a distribuição das velocidades de carregamento da página em dispositivos móveis e computadores - a menos que a porcentagem de downloads de alta velocidade em computadores seja um pouco maior.
Atraso na primeira entrada (FID)
O primeiro atraso de entrada (FID) é o tempo desde o início da interação do usuário com o site (clicando em um link, botão, usando um elemento JavaScript) até o navegador responder a essa interação.
Quanto menor o atraso de entrada, menos o usuário terá que esperar pela reação do navegador. Mas, por exemplo, devido a scripts massivos, o navegador pode processá-los por um longo tempo, e é por isso que há um alto atraso de entrada.
O PSI indica o percentil 95 pelo FID - o valor médio dos últimos 30 dias.
Gradação dos valores do FID:
- 0-50 ms - alta velocidade;
- 50-250 ms - velocidade média;
- mais de 250 ms - baixa velocidade.
Ao contrário do FCP, os valores do FID diferem dependendo do dispositivo do qual eles visitaram o site. Ao visualizar de um celular, o primeiro atraso de entrada é significativamente maior do que na visualização de um PC. Em 8 sites, os usuários precisam aguardar mais de 1,5 segundos por uma folga e em três sites - mais de 3 segundos (60 vezes mais alto que o normal).
Por setor:
No campo da venda de roupas, sapatos e acessórios, os sites reagem mais rapidamente às ações dos usuários - tanto em dispositivos móveis quanto em computadores. Sites nas áreas de beleza e saúde, eletrônicos e tecnologia, lojas de departamento respondem por mais tempo.
Como no FCP, o serviço PSI exibe a distribuição percentual do atraso da entrada do FID. Um exemplo:
A porcentagem de downloads com velocidade média e baixa no celular é mais de 2 vezes maior que o mesmo indicador quando visualizada em computadores. A parcela de downloads em alta velocidade é de 55% contra 83%, respectivamente.
Simular carregamento de página
Este bloco do relatório PSI exibe os resultados da simulação do carregamento da página usando a tecnologia Lighthouse. Seis indicadores são apresentados aqui. É com base nisso que é formada uma estimativa pontual da velocidade de carregamento da página. Além disso, os indicadores têm pesos diferentes . Por importância, eles são distribuídos da seguinte forma:
5 (mais importante) - tempo de carregamento para interação (TTI);
4 - índice de velocidade de download (Speed Index);
3 - tempo de carregamento do primeiro conteúdo (FCP);
2 - Hora de término da CPU (Primeira CPU ociosa);
1 - tempo de carregamento de uma porção suficiente do conteúdo (FMP);
0 (não levado em consideração) - atraso potencial máximo (FID).
Vamos passar por cada indicador.
FCP (Primeiro Tempo de Download de Conteúdo)
Analisamos esse indicador acima. A diferença é que, no bloco de simulação de download, os dados foram obtidos usando o Lighthouse e no bloco de observação - a partir do relatório sobre a usabilidade do navegador Chrome.
O tempo de carregamento do primeiro conteúdo é muito maior no celular. Em 9 sites em 48 (19%), excede 6 segundos. Ao visualizar em desktops, a velocidade do FCP é muito maior - aqui apenas 5 sites (10%) têm a primeira renderização que dura mais de 2 segundos.
Por setor:
Tempo suficiente de download de conteúdo (FMP)
Primeira pintura significativa (FMP) é o tempo desde o início da página sendo carregado até o momento em que o usuário vê conteúdo suficiente para começar a trabalhar com a página.
Os valores de FMP são interessantes para comparar com o FCP. Em 40% dos casos, quando visualizados em computadores, o FMP coincide com o FCP - os usuários na primeira renderização veem imediatamente uma parte significativa do conteúdo. Em outros casos, os usuários precisam esperar adicionalmente o carregamento do conteúdo (em média - 0,3 segundos).
Ao navegar a partir de dispositivos móveis, 46% dos sites FCP coincidem com o FMP, mas a diferença entre esses indicadores é maior - uma média de 1,4 segundos (4,7 vezes maior do que quando se navega em computadores).
Por setor (celular):
A maior lacuna entre a FMP e a FCP é observada no campo das vendas de eletrônicos e tecnologia, o menor - nas lojas online de roupas, sapatos e acessórios. A lógica - por que razão - é difícil de encontrar. Pode-se presumir que isso se deve aos recursos de design de sites em diferentes setores.
Por ramos (desktops):
Ao visualizar em desktops, a situação é semelhante - mas as diferenças entre FCP e FMP são menores. Além disso, o menor valor de FMP é observado no campo de produtos automotivos, em vez de roupas, sapatos e acessórios.
Índice de velocidade de download
O Índice de velocidade é o tempo que leva para que as partes visíveis da página sejam exibidas. Essa métrica é desenvolvida e usada pelo webpagetest. org . O serviço faz capturas de tela sucessivas do carregamento da página, analisa a dinâmica do carregamento do conteúdo e exibe o Índice de velocidade.
Vejamos os valores do Índice de velocidade dos sites analisados.
Nos dispositivos móveis, 54% dos sites têm um índice de velocidade de download acima de 10 segundos e 85% acima de 5 segundos (lembre-se de que o Índice de Velocidade é o segundo fator mais importante na formação de uma estimativa pontual da velocidade de carregamento do site em PSI).
Nos desktops, a situação é muito melhor - aqui apenas 23% dos sites têm um Índice de Velocidade acima de 5 segundos.
Por setor:
Os melhores valores do Índice de Velocidade são observados na venda de produtos automotivos, além de roupas, calçados e acessórios. Os sites de lojas de eletrônicos móveis têm o maior tempo de carregamento - uma média de mais de 14 segundos.
Hora de término da CPU
Anteriormente, esse indicador era chamado o horário da primeira interação (Primeira interativa). Mas no Lighthouse 3.0, seu nome foi alterado para First CPU Idle.
O primeiro CPU ocioso mostra o período desde o início do carregamento da página até o momento em que ele se torna minimamente interativo:
- a maioria, mas talvez nem todos os elementos da interface se tornem interativos;
- a página responde em média à maior parte da entrada manual em um período de tempo razoável.
Compare os valores da Primeira CPU Inativa com o tempo de carregamento de uma parte suficiente do conteúdo (FMP). O resultado final é ver quantos usuários, após obter acesso ao conteúdo, precisam aguardar a oportunidade de interagir com os elementos da página.
No celular, apenas 8% dos sites correspondem aos valores de Primeira CPU ociosa e FMP. Noutros casos, existe um intervalo (em média - 8,7 segundos). Ou seja, se o usuário quiser clicar em algo na página, o elemento não estará disponível imediatamente.
Na área de trabalho, 6% dos sites têm os mesmos valores de Primeira CPU ociosa e FMP. Em média, o intervalo entre esses indicadores é de 2,7 segundos (3,2 vezes menor que no celular).
Por setor (celular):
O menor valor do First CPU Idle é no campo de vendas de produtos automotivos, o maior é no setor de bens de consumo. A diferença máxima está nas lojas online de roupas, sapatos e acessórios.
Por ramos (desktops):
Tempo de Download da Interação (TTI)
Essa é a métrica mais significativa ao avaliar a velocidade de carregamento de um site no PSI.
Tempo para interação (TTI) é o tempo desde a transição do usuário até a página até que esteja pronto para a interação.
Resultados da análise:
Em 46% dos sites quando navegando no celular, o tempo total de carregamento é superior a 20 segundos, em 94% - superior a 10 segundos. Quando visualizados em um PC, apenas 7% dos sites carregam mais de 10 segundos.
Por setor:
Resultados da Auditoria
Além das métricas que caracterizam a velocidade de carregamento da página, também analisamos em quais áreas os sites são testados com sucesso no PSI.
O número médio de auditorias aprovadas com êxito em dispositivos móveis é 11, desktop - 12.
É improvável que 100% das auditorias possam ser concluídas, e isso não faz sentido, porque algumas delas são apenas para referência.
Por exemplo, a auditoria de uso de terceiros mostra recursos externos conectados ao site (por exemplo, Yandex.Metrica, Google Analytics, widgets de redes sociais, etc.). Naturalmente, ninguém removerá esses recursos do site por uma marca verde no PSI.
Por outro lado, existem trabalhos que podem ser concluídos em alguns minutos. Por exemplo, configuração de cache, compactação de texto, carregamento atrasado de imagens, encurtamento de códigos CSS e JavaScript - tudo isso é feito de maneira simples. Mas, ao mesmo tempo, a velocidade do download pode crescer bem.
Naturalmente, não apenas a velocidade do download afeta a qualidade da comunicação com o cliente. Experimente o módulo SEO no sistema Promopult. Existem todas as ferramentas para melhorar a qualidade do site e a promoção dos mecanismos de pesquisa. Uma gama completa de trabalhos - conosco, você não perderá uma única ninharia. Listas de verificação, dicas, relatórios transparentes e recomendações profissionais. E sim, também temos uma auditoria no site, não menos exigente que a PSI.
Resumindo: vale a pena lutar por altas velocidades?
Quando você analisa os resultados da análise da velocidade de download das principais lojas on-line, não acrescenta muito desejo de acelerar seu próprio site. Dos 48 sites, apenas um passou no teste PSI em dispositivos móveis e computadores com a cabeça erguida. Com o resto, tudo não é muito ou muito ruim. E estes são "tops" - com uma equipe e dinheiro. E então, e as pequenas lojas regionais?
Mas essa linha de pensamento o levará ao lugar errado.
É útil olhar para as "partes superiores", mas nem sempre para focar nelas. Sites grandes estão taxiando devido a uma série de outros fatores além da velocidade de carregamento. Aqui e variedade, empréstimos e disponibilidade de entrega e programas de fidelidade. Não se esqueça da força da marca. Se uma pessoa está procurando uma loja específica, ela está pronta para sobreviver a uma carga longa.
Pequenas lojas vivem de acordo com outras regras. Em termos de variedade e serviço, competir com sites grandes não é fácil. Porém, devido à qualidade - por exemplo, um site rápido e conveniente - você pode manter o cliente e, ao mesmo tempo, melhorar sua posição nos resultados da pesquisa local.
Obviamente, ao acelerar o site, você precisa comparar os custos e o efeito esperado. Até certo ponto, você pode acelerar seu site rapidamente e de graça. O mesmo carregamento lento de carregamento, configurações de cache e compactação GZIP são implementados usando plug-ins ou códigos simples.
Mas a otimização da estrutura, scripts e velocidade de resposta do servidor já pode exigir uma reformulação séria do site. E se o seu site converte bem o tráfego no estado atual, é melhor investir na atração de usuários - SEO, contexto, publicidade nas redes sociais - do que lutar por alguns pontos no PSI.