Por que a velocidade da página é crítica? Como testar e melhorar o seu

Por que o Page Speed ​​é crítico?

A maioria dos sites perde cerca de metade dos visitantes devido à baixa velocidade da página. Na verdade, a página da web média para desktop a taxa de rejeição é de 42%, a taxa média de rejeição da página da web para celular é de 58% e a taxa média de rejeição da página de destino pós-clique varia de 60 a 90%. Os números não são lisonjeiros de forma alguma, especialmente considerando que o uso de dispositivos móveis continua a crescer e fica mais difícil a cada dia atrair e manter a atenção do consumidor.

De acordo com o Google, o tempo médio de carregamento da página para o principais páginas de destinoainda é um lentos 12.8 segundos. Isso inclui locais onde o acesso à Internet móvel é predominante e as velocidades 4G são algumas das mais altas do mundo. 

Essa velocidade média da página é muito longa, considerando que 53% dos usuários abandonam as páginas após apenas 3 segundos - e só piora a partir daí:

Velocidade da página e taxas de rejeição

O que é uma boa velocidade de carregamento da página, então? Quase instantâneo

Felizmente, existe uma solução. Antes de chegarmos a isso, vamos descobrir mais sobre a importância da velocidade da página.

Por que a velocidade da página é importante

eMarketer mostra que em 2019 os gastos globais com anúncios digitais ultrapassarão US $ 316 bilhão e só parece aumentar no futuro previsível:

Gastos com anúncios digitais de 2017 a 2022

Claramente, as marcas estão gastando enormes quantias em anúncios e esperando obter o máximo de seu orçamento. Mas, quando as pessoas clicam em um anúncio - e o página de destino pós-clique falha ao carregar instantaneamente - eles provavelmente clicam de volta em alguns segundos e, consequentemente, o orçamento dos anunciantes é desperdiçado.

As implicações de custo da velocidade da página são enormes e você deve com certeza fazer da velocidade da página uma prioridade no futuro. Aqui estão algumas métricas e pontos a serem considerados ao avaliar suas próprias campanhas de publicidade digital:

Índices de qualidade

Os carregamentos lentos da página não apenas frustram os usuários, mas também prejudicam os Índices de qualidade. Como o Índice de qualidade está diretamente relacionado ao seu classificação do anúncioe, em última análise, quanto você poderia pagar por cada clique, uma página de carregamento lento naturalmente reduz as pontuações.

Taxas de conversão

Se menos pessoas ficarem esperando o carregamento de sua página, menos pessoas terão a chance de converter. Eles estão abandonando sua página antes mesmo de ver sua oferta, benefícios, call to action, etc.

No varejo, por exemplo, até mesmo um atraso de um segundo em tempos de carregamento móvel pode afetar as taxas de conversão em até 20%.

Experiência Móvel

Na metade de 2016, uso da web móvel tráfego de desktop ultrapassado em volume:

O celular supera o gráfico de visualizações do desktop

Com os consumidores gastando mais tempo no celular, marqueteiros e anunciantes foram (e ainda são) forçados a se adaptar. Uma maneira de entregar campanhas otimizadas para celular é criar páginas de carregamento rápido.

O que nos leva à solução de velocidade de página nº 1 que aborda cada um desses problemas.

As páginas de destino AMP aumentam a velocidade da página

AMP, o framework de código aberto lançado em 2016, oferece aos anunciantes uma maneira de criar páginas da web para celular extremamente rápidas e de carregamento suave que priorizam a experiência do usuário acima de tudo. 

As páginas AMP são atraentes para os anunciantes porque oferecem tempos de carregamento quase instantâneos, ao mesmo tempo que oferecem suporte a alguns estilos e personalização de marca. Eles permitem uma renderização mais rápida da página de destino pós-clique, pois restringem HTML / CSS e JavaScript. Além disso, ao contrário das páginas móveis tradicionais, as páginas AMP são automaticamente armazenadas em cache pelo Google AMP Cache para tempos de carregamento mais rápidos na pesquisa do Google.

Como líder em otimização pós-clique, o Instapage oferece a capacidade de criar páginas de destino pós-clique usando a estrutura AMP:

Páginas para celular aceleradas (AMP)

Com o Criador Instapage AMP, profissionais de marketing e anunciantes podem:

  • Crie páginas de destino AMP pós-clique diretamente da plataforma Instapage, sem um desenvolvedor
  • Validar, testar A / B e publicar páginas AMP no WordPress ou em um domínio personalizado
  • Ofereça melhores experiências em dispositivos móveis, aumente os Índices de qualidade e gere mais conversões

Validação de página móvel acelerada AMP

Validação de página móvel acelerada (AMP)

A empresa revolucionária de aparelhos auditivos Eargo obteve resultados incríveis desde a implementação do AMP em sua experiência pós-clique:

Páginas de destino AMP por Instapage

Páginas de destino AMP com Instapage

Além de criar páginas AMP com Instapage, existem várias outras maneiras de melhorar a velocidade da página. Aqui estão três deles para você começar.

3 Outras maneiras de melhorar a velocidade da página

1. Aproveite as ferramentas de velocidade da página

PageSpeed ​​Insights é o teste de velocidade do Google que avalia sua página de 0 a 100 pontos:

insights de velocidade de página

A pontuação é baseada em dois parâmetros:

  1. Tempo de carregamento acima da dobra (o tempo total para uma página exibir o conteúdo acima da dobra depois que um usuário solicita uma nova página)
  2. Tempo para o carregamento de página inteira (o tempo que um navegador leva para processar totalmente uma página depois que um usuário a solicita)

Quanto maior for a sua pontuação, mais otimizada será a sua página. Como regra geral, qualquer valor acima de 85 indica que sua página tem um bom desempenho. Abaixo de 85 e você deve olhar as sugestões fornecidas pelo Google para aumentar sua pontuação.

O PageSpeed ​​Insights fornece relatórios para as versões para desktop e celular da sua página e também oferece recomendações para melhorias.

Think with Google: Test My Site, lançado pela equipe do PageSpeed ​​Insights, testa apenas a velocidade da página móvel, em oposição a dispositivos móveis e desktop. É outro indicador de quão rápido (ou lento) suas páginas carregam:

pense com o google teste meu site

Essa ferramenta exibe seu tempo de carregamento, fornece recomendações personalizadas para acelerar cada página do seu site e, em seguida, oferece a opção de gerar um relatório completo.

2. Imagens totalmente otimizadas (compressão)

Otimizar imagens com compactação, redimensionamento, reformatação etc. pode ajudar a economizar bytes, acelerar o tempo de carregamento da página e melhorar o desempenho do site móvel. Entre outras recomendações principais, O Google diz para remover imagens desnecessárias de alta resolução e GIFs e substituir imagens por texto ou CSS sempre que possível. 

Além disso, agora é mais fácil do que nunca exibir imagens compactadas e redimensionadas porque essas configurações podem ser automatizadas. Por exemplo, você pode ter centenas de imagens redimensionadas e compactadas automaticamente com um script, reduzindo o trabalho manual (ao criar páginas AMP, as tags de imagem personalizadas tornam muitas dessas mesmas otimizações automáticas).

Escolher um formato de imagem ideal pode ser difícil com tantas opções disponíveis. Tudo depende do caso de uso, mas aqui estão alguns dos mais comuns:

  • WebP: Imagens fotográficas e translúcidas
  • JPEG: Fotos sem transparência
  • PNG: Fundos transparentes
  • SVG: Ícones e formas escaláveis

O Google recomenda começar com WebP porque permite 30% mais compressão do que JPEG, sem qualquer perda de qualidade da imagem.

3. Priorize o conteúdo acima da dobra

Melhorar a percepção do usuário sobre a velocidade do site é quase tão importante quanto melhorar a velocidade do site em si. É por isso que uma vez que suas imagens são otimizadas, você deve garantir que elas sejam entregues no momento certo.

Considere o seguinte: em um dispositivo móvel, a parte visível do site é limitada a uma pequena área, acima da dobra. Como resultado, você tem a oportunidade de carregar rapidamente o conteúdo dessa área, enquanto os outros elementos abaixo da dobra são baixados em segundo plano.

Observação: o que ajuda a tornar o AMP único é que ele possui carregamento de recursos priorizado integrado, garantindo que apenas os recursos mais importantes sejam baixados primeiro.

Pode ser um desafio reduzir o número de imagens em um site - especialmente para marcas de varejo, por exemplo, com muitos produtos - mas ainda é fundamental para pelo menos minimizar o impacto das imagens no tempo de carregamento com essas três táticas. 

Aumente a velocidade da sua página com AMP

Se suas páginas para dispositivos móveis apresentam altas taxas de rejeição e baixas taxas de conversão devido à baixa velocidade de carregamento da página, as páginas AMP podem ser sua salvação.

Comece a criar páginas AMP pós-clique para fornecer experiências de navegação móvel rápida, otimizada e relevante aos visitantes e melhorar seus Índices de qualidade e conversões no processo.

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.