Os rápidos e os mortos: a velocidade da sua página é muito lenta?

A velocidade da página não é apenas um tópico quente: é o grande botão nuclear vermelho com "PERIGO" escrito nele. É indiscutivelmente o maior assassino de conversões da Internet.

A estatística que todos citam é que o tempo de carregamento deve ser inferior a 3 segundos. “Quarenta por cento das pessoas abandonam um site se ele demorar mais de 3 segundos para carregar” - você já ouviu falar disso, certo?

Infelizmente, as coisas nunca são tão simples.

Lento e constante perde a corrida

Muitos profissionais de marketing ainda acham que a velocidade não importa. Eles se lembram da história da lebre e da tartaruga, onde a lebre veloz tira uma soneca no meio de uma corrida, deixando a tartaruga lenta, mas firme, chegar primeiro à linha de chegada, e dizem a si mesmos que as pessoas são pacientes.

Só podemos supor que eles nunca conheceram pessoas, porque se tivessem, eles saberiam que 'devagar e sempre' não é o jeito da internet.

Afinal, essas são as mesmas pessoas que reclamam quando Breaking Bad demora muito para armazenar no Netflix, e investiram muito mais na história de Walter White do que na sua página de vendas.

O estudo de 3 segundos foi feito em 2011, e as expectativas dos seus espectadores só aumentaram à medida que o tempo de atenção diminui. Com o crescimento da navegação móvel e da largura de banda de dados nem sempre confiável, o problema aumentou ainda mais.

Isso é verdade para tudo o que você está vendendo: se não carregar rápido o suficiente, seus clientes ficarão entediados e farão compras em outro lugar.

Então o que isso quer dizer? Se 3 segundos não é rápido o suficiente, o que é?

Nas palavras da futura profeta Avril Lavigne, 'é complicado'. Vamos falar de números.

As estatísticas de velocidade

Já em 2018, o Google - uma empresa que sabe algumas coisas sobre o que as pessoas gostam na internet - tornou a velocidade da página parte de seu algoritmo de classificação. Em 2019, eles realizaram mais testes, que mostraram que, atualmente, 53% dos usuários móveis abandonarão uma página se forem forçados a esperar mais de 3 segundos - uma perda de tráfego ainda maior.

Isso foi corroborado por um estudo recente da Diginow, que descobriu que 47% dos usuários móveis abandonarão uma página se forem forçados a esperar mais de 2 segundos .

Quanto mais lenta for sua página, maior será sua taxa de rejeição:

Isso importa. Bastante. Porque?

Seus clientes em potencial nem mesmo deram uma olhada em sua página antes de decidir clicar fora. Sem mensagens, sem marketing, nada disso atingiu seus olhos. Seu lindo design de página? O título perfeito, aquela cópia de dar água na boca?

Não é necessariamente que eles não funcionem. É que eles nunca foram vistos. Seus cliques estão sendo desperdiçados por causa de alguns segundos.

Cruel? Absolutamente. Mas é a vida. Se houvesse predadores na época da tartaruga e da lebre, as coisas teriam terminado de forma diferente. A sopa de tartaruga ainda estaria quente quando Hare ultrapassasse a linha em segurança. Na Internet, o maior predador é o limite de tédio de seus clientes potenciais. E está capturando 53% do seu tráfego antes de você sair do portão.

Isso é verdade em todos os dispositivos. Um estudo da Akamai de 2017 mostrou que até mesmo uma desaceleração de 100 ms pode prejudicar as conversões em 2,4% no computador e 7,1% no celular:

Uma fração literal de segundo: 100 ms. Não parece muito, e é ainda menos do que isso. Faça esta experiência rápida: clique com o mouse. Feito? Boa.

Esse único clique, e apenas o clique, levou cerca de 250 ms. Duas vezes e meia mais. Esse pequeno aumento de velocidade fez com que as conversões aumentassem. Há algumas boas notícias aqui.

Como as pessoas estão percebendo a importância da velocidade da página, várias ferramentas surgiram para ajudá-lo a testar a velocidade de suas páginas. O Page Speed ​​Insights do Google é provavelmente o mais conhecido, mas existem vários por aí, incluindo GT Metrix e Pingdom.

Essas ferramentas gratuitas permitem que você insira seu URL e mostram como você se sai em relação a uma série de conselhos de melhores práticas. Eles verão o que você está fazendo e darão a você uma pontuação de 100 para avaliar quantas caixas de velocidade da página você está marcando. O que seria ótimo ... exceto que todo mundo usa errado.

Uma página pode ser muito rápida?

Acredite ou não ... sim. Não me entenda mal - não há número mágico. Mas a velocidade da página não se trata apenas da velocidade. É também sobre a página.

Essa pesquisa da Akamai encontrou as conversões mais altas em páginas carregadas em 1,8 segundos - mas não porque 1,8 segundos é 'especial'. Como 1,8 segundo foi o mais rápido, as pessoas geralmente conseguiam fazer seus sites enquanto ainda continham tudo o que precisavam para converter. Você pode tornar sua página mais rápida e obter uma pontuação melhor no Page Speed ​​Insights removendo seu vídeo de vendas ... mas isso não vai ajudá-lo a ganhar mais dinheiro.

Portanto, embora as ferramentas de métrica de velocidade da página sejam úteis para ver o que você pode fazer para melhorar, você não deve ficar obcecado em atingir um 100 perfeito. Você deve descobrir o que sua página precisa fazer para converter seu cliente em potencial - e então ficar obcecado em otimizar tanto quanto possível.

Aqui estão 4 boas maneiras de fazer com que sua página se mova mais como a lebre e menos como a tartaruga.

Otimize imagens

Uma imagem pode valer mais que mil palavras, mas em termos de velocidade de carregamento você pode adicionar alguns zeros a ela e ainda assim ficar aquém. Todo mundo quer que suas páginas sejam lindas, mas o fato é - aquele lindo fundo de alta definição de um cara no topo de uma montanha está fazendo sua página se mover como se estivesse sendo arrastada por um pântano.

E, desta vez, não se trata apenas do quadro 'grande'. Cada foto do produto, cada foto do rosto de depoimento ... todas elas estão aumentando a carga. Felizmente, há duas coisas que você pode fazer para que suas imagens se movam um pouco mais como aquela águia voando e um pouco menos como um rinoceronte morto.

Usar Optomização sem Perdas

As imagens contêm uma grande quantidade de dados de que você realmente não precisa. Sim, é um burburinho dizer que há dezesseis milhões de pixels, mas o olho humano simplesmente não consegue perceber tantos. Obviamente, este não é um trabalho manual, mas há muitas ferramentas disponíveis para fazer isso por você.

Use dimensões reais

Os navegadores não são conhecidos por serem inteligentes. Você pode pensar que, mesmo que não esteja fazendo nenhuma otimização, suas imagens não afetarão tanto a página. Claro, eles começaram como imagens enormes, mas na página você os dimensionou para ficarem minúsculos!

Desculpe, Virgínia. Não funciona assim. O navegador não determina o tamanho que a imagem deve ter antes de carregá-la. Então essa imagem de 6 MB? Cada vez que um cliente em potencial acessa sua página, ele está carregando tudo e, em seguida, dimensionando-o para uma ilustração de 250 × 250 parágrafos. Em vez disso, calcule o tamanho das imagens no seu site. Escale-os primeiro - você pode usar o Photoshop ou um programa mais barato como o PixelMator - e depois carregue-os no seu servidor.

Dessa forma, o navegador carrega apenas o que precisa e sua página se move mais rápido.

Tempo de resposta do servidor

O tempo de resposta do servidor é quanto tempo leva para o seu servidor começar a entregar o HTML. É o tempo entre o navegador abrir e bater na porta e o servidor aparecer com os olhos turvos, xícara de café na mão e dizer "O quê?" O ideal é menos de 200 ms - que é o tempo que leva para seu dedo se levantar do botão do mouse depois de ouvir um clique. Em um mundo onde um SRT de 2 segundos não é incomum - dez vezes mais lento do que deveria ser - este é um alvo bastante agressivo.

Muitas coisas podem estar deixando seu servidor lento. Lógica lenta do aplicativo, consultas lentas ao banco de dados, roteamento lento, falta de recursos e memória ... a lista continua, e se você estiver usando hospedagem comercial, não há muito que você possa fazer sobre isso.

Um CDN é uma rede de distribuição de conteúdo. Uma rede de servidores em vários data centers, em todo o mundo. Isso significa que, em vez de ser servida em um único local, sua página é servida por uma rede completa de servidores - o que estiver mais próximo de seu cliente assumirá a carga. E como os CDNs são projetados para fornecer conteúdo rapidamente, seus servidores são especialmente projetados para esse fim. Um CDN não é algo que você seja capaz de construir sozinho (a menos que tenha uma equipe de tecnologia de primeira linha ao seu lado), mas há muitos provedores comerciais disponíveis.

Cache

Como qualquer pessoa que já permitiu que seu parceiro olhasse seu histórico de pesquisa pode lhe dizer, os navegadores têm uma memória preocupantemente longa. E você pode usar isso a seu favor.

Essencialmente, pode-se dizer ao navegador: “Este pedaço do site? Isso não mudará. Apenas lembre-se disso na próxima vez. ” Isso significa que, para coisas como imagens de fundo que não mudam muito, você pode dizer ao navegador para apenas se lembrar delas. Quando seu visualizador voltar, ele não precisará baixar aquele conteúdo novamente, pois já terá uma cópia na memória. E isso significa que quando alguém clica em um de seus anúncios de retargeting, a página carrega ainda mais rápido do que quando chegou pela primeira vez. O que é uma impressão muito boa de se fazer. Você pode definir tempos de cache para cada recurso em seu site no cabeçalho HTTP. Há uma explicação de como fazer isso aqui, mas fique atento, fica um pouco técnico.

(Dica profissional: esta é uma das áreas em que focar muito nas métricas de velocidade da página pode atrapalhar você. Na maioria dos itens, você quer um bom cache longo. Mas em alguns - como, por exemplo, suas análises - você realmente não quer t. Mas os verificadores de métricas não podem dizer a diferença e marcam você para todos eles da mesma forma.)

Código de redução

Quando um bom código for escrito, ele se parecerá um pouco com isto:

Assim como qualquer escrita, o código deve ser fácil de ler quando você conhece o idioma. Assim, você dá nomes de fácil compreensão às suas variáveis. Você separa suas funções com espaços em branco. Você coloca ações em novas linhas. Quando um humano olha para um código assim, ele pode lê-lo.

Os computadores não se importam com nada disso. Eles não precisam de uma função com o nome 'RevString' quando 'a' serve. 'RevString' tem nove vezes mais caracteres, então a única diferença que faz é que leva 9 vezes mais tempo para ler.

Isso significa que cada caractere desnecessário, cada quebra de linha, cada pedacinho de espaço em branco em seu HTML - tudo isso torna o computador lento ao ler sua página.

Quando eles eventualmente se levantarem para assumir o controle da humanidade, talvez isso seja uma coisa boa. Mas hoje, você quer gerar mais vendas para poder construir aquele bunker que vai deixar você enfrentar a guerra com conforto, emirite?

(E vamos encarar os fatos, tornar a vida de nossos futuros suseranos um pouco mais fácil agora só pode ser uma coisa boa) Então, para garantir que sua página possa ser lida o mais rápido possível, seu código precisa ser reduzido, o que basicamente significa transformar o que você vê acima em algo mais parecido com isto:

Isso não é muito útil para nós, mas um computador vai rasgá-lo mais rápido do que Arnie rasga uma delegacia de polícia.

Obtenha páginas mais rápidas da maneira mais fácil

Claro, uma coisa é ler sobre os detalhes técnicos para obter uma velocidade de página melhor (e a grande melhoria nas conversões que isso pode oferecer). Na verdade, fazer você mesmo é uma proposta totalmente diferente.

Mas existem maneiras mais fáceis.

Desenvolvemos a tecnologia de página acelerada que alimenta as páginas de Convertri precisamente para garantir que qualquer pessoa tenha um carregamento extremamente rápido, mesmo que não tenha uma equipe de tecnologia enfiada no bolso de trás.

Assim como os quatro pontos cobertos acima, ele também usa a pré-geração de página, codificação em linha, reduz as solicitações do servidor ao mínimo, proteção de origem e compactação GZIP, bem como muitos outros ajustes e otimizações para garantir que suas páginas se movam mais rápido do que qualquer outro.

E não contamos com métricas para nossos testes. Realizamos experimentos no mundo real, criando o tipo de página de destino que você realmente usará, com imagens, vídeo e formulários. Nós criamos esta página em uma variedade de construtores e testamos os tempos de carregamento usando Pingdom, para garantir que o desempenho no mundo real de nossas páginas seja o mais rápido possível.

Os resultados ... bem, não gostamos de nos gabar ...

(Essa é uma mentira de que gostamos de nos gabar.)

Resumindo, garantimos que suas páginas de vendas no Convertri sejam mais rápidas do que a mesma página criada em qualquer outro lugar.

E a melhor parte é que você pode tentar por si mesmo.

Junte-se à Internet rapidamente, e não o morto da Internet.