Como melhorar sua pontuação do Google PageSpeed ​​Insights

O que pode ser a maneira mais fácil de aumentar a taxa de conversão dos seus insights de velocidade da página não tem nada a ver com melhorar o título ou alterar a cor do botão de CTA. Em vez disso, trata-se de fornecer uma experiência de usuário mais rápida.

Uma pesquisa do Google descobriu uma conexão entre a taxa de conversão e o tempo de carregamento. Também revela que você pode estar perdendo metade de seus clientes em potencial para uma página de destino pós-clique atrasada. Felizmente, há uma ferramenta que você pode usar para determinar o que o está retardando.

Pesquisa do Google sobre velocidade da página

Depois de clicar em 900.000 anúncios, os pesquisadores do Google descobriram que a página de destino pós-clique em celular média carrega em embaraçosos 22 segundos. Isso é 7 vezes mais do que a maioria dos usuários impacientes da Internet espera antes de abandonar uma página - 53% para ser exato.

Se sua página leva mais de 3 segundos para carregar, mais da metade de seus clientes em potencial está saindo antes mesmo de vê-la. Como se isso não fosse ruim o suficiente, o estudo descobriu que a cada segundo que passa uma página não carrega, ainda mais visitantes irão saltar:

Com a ajuda da tecnologia de aprendizado de máquina da SOASTA, os pesquisadores encontraram uma correlação entre o tempo de carregamento, o peso da página (tamanho dos dados) e a taxa de conversão. Basicamente, “mais pesado” significa mais lento. Especificamente, quando o número de elementos (texto, imagens, etc.) em uma página aumenta de 400 para 6.000, suas chances de converter um visitante caem em 95%.

Se a sua página carregar lentamente, porém, identificar o problema nem sempre é fácil. Embora a quantidade de texto e o número de imagens sejam perceptíveis à primeira vista, problemas como JavaScript excessivo e muitos redirecionamentos não são.

Felizmente, há uma ferramenta gratuita que você pode usar para descobrir exatamente o que está retardando o tempo de carregamento de sua página.

O que é o Google PageSpeed ​​Insights?

O Google PageSpeed ​​Insights é uma ferramenta que permite testar de forma rápida e fácil a velocidade de uma página da web.

Inserir um URL e clicar em “Analisar” obterá rapidamente um relatório detalhado do que está deixando a página da web mais lenta com base em dois parâmetros, completo com recomendações sobre como corrigi-lo.

• Parâmetro 1: Tempo para carregar acima da dobra. Este é o tempo que a página leva para exibir o conteúdo acima da dobra depois que um usuário solicita uma nova página.

• Parâmetro 2: Tempo para carregar a página inteira. Este é o tempo que leva para um navegador renderizar totalmente uma página depois que um usuário a solicita.

Funciona, de acordo com o Google, assim:

O Page Speed ​​Insights mede o desempenho de uma página para dispositivos móveis e desktops. Ele busca o url duas vezes, uma vez com um agente de usuário móvel e outra com um agente de usuário de desktop.

A pontuação do PageSpeed ​​Insights varia de 0 a 100 pontos. Uma pontuação mais alta é melhor e uma pontuação de 85 ou superior indica que a página tem um bom desempenho.

Mas "bem" é bom o suficiente quando as pessoas esperam que uma página carregue em um instante? Não quando cada segundo conta. Para pontuar o máximo possível, aqui está o que você precisa fazer ...

Atingir uma pontuação elevada no Google PageSpeed ​​Insights

Se você vir muito vermelho e amarelo em seu relatório, é porque sua página tem alguns problemas de carregamento gritantes.

A ferramenta irá notificá-lo sobre esses problemas, mas as mensagens de erro podem ser um pouco difíceis de entender. Aqui está o que você pode esperar ver e como consertar:

1. Evite redirecionamentos da página de destino pós-clique

Se sua página não foi projetada de forma responsiva, o resultado pode ser uma série de redirecionamentos para páginas otimizadas para dispositivos diferentes. Alguns padrões de redirecionamento comuns, de acordo com o Google:

• example.com usa web design responsivo, nenhum redirecionamento é necessário - rápido e ideal!
• example.com → m.example.com/home - penalidade de múltiplas viagens de ida e volta para usuários móveis.
• example.com → www.example.com → m.example.com - experiência móvel muito lenta.

Cada vez que um usuário precisa ser redirecionado, a renderização da página é interrompida - o que adiciona segundos preciosos ao tempo de carregamento da página. Evite todos os redirecionamentos criando suas páginas com design responsivo - um método que garante uma experiência de usuário de qualidade, não importa o dispositivo em que seu cliente potencial esteja.

(Todos os modelos Instapage são responsivos, então o usuário nunca terá que beliscar para aumentar o zoom.)

2. Ative a compressão

Os navegadores de hoje são capazes de servir uma versão alternativa menor de uma página aos usuários da Internet. Com o compressor gzip ativado, o tamanho dessas páginas pode ser reduzido em 90%.

Em seu site, Better Explained, Khalid Azad faz um ótimo trabalho ao descrever como o gzip otimiza a solicitação HTTP e o processo de resposta:

Quando a compactação está ativada, porém, o processo se parece mais com isto:

Em vez de exibir a página inteira ao usuário, o navegador pode buscar uma versão compactada exponencialmente menor que carrega em uma fração do tempo. Saiba mais sobre como otimizar com gzip aqui.

3. Minimize CSS, HTML, JavaScript

“Minificar” refere-se à remoção de dados desnecessários ou redundantes sem afetar como a página é processada pelo navegador. Uma codificação inadequada pode ser a causa desse problema, e ele pode ser corrigido de algumas maneiras diferentes.

Além de pesquisar o código-fonte de sua página manualmente, o Google recomenda tentar os seguintes recursos:

• O minificador de HTML para reduzir o HTML.
• CSSNano e csso para reduzir o CSS.
• UglifyJS2 e o Closure Compiler para reduzir o JavaScript.

Outra opção é, obviamente, aproveitar as vantagens das estruturas AMP e AMP do Google para anúncios. Ambos os programas permitem que os desenvolvedores criem páginas com uma versão simplificada de HTML, CSS e JavaScript. O resultado são páginas e anúncios que carregam em uma fração de segundo.

4. Priorize o conteúdo acima da dobra

Por mais estranho que possa parecer, o tempo de carregamento da página não é apenas sobre a velocidade de carregamento da página. É também sobre o “desempenho percebido”. Brian Jackson da KeyCDN explica:

O desempenho percebido pode ser descrito simplesmente como "quão rápido seu site se sente quando carrega?" Isso pode ser um pouco diferente da velocidade de carregamento real do seu site. O desempenho percebido é tudo da perspectiva do usuário, não de uma ferramenta de teste de velocidade do site.

Para aumentar o desempenho percebido, é crucial priorizar o carregamento de conteúdo importante para o usuário. Por exemplo, o texto de uma página acima da dobra deve carregar antes dos widgets de terceiros.

Quando o código é estruturado incorretamente, porém, o resultado pode ser uma diminuição do desempenho percebido na mente do usuário. Se os últimos elementos na sua página para carga são os que o usuário clicou através de ver, a página vai se sentir como ele carrega mais longos.

5. Acelere o tempo de resposta do servidor

Tempo de resposta do servidor - o tempo que leva para seu servidor começar a carregar o conteúdo de uma página para um usuário - ele pode ficar lento por uma série de fatores, de acordo com o Google:

• Consultas de banco de dados
• Roteamento lento
• Frameworks
• Bibliotecas
• Fome de CPU de recursos
• Fome de memória

Para o site de Raelene Morey, uma hospedagem ruim era um grande assassino de velocidade. Ela adverte os leitores:

Um host barato que oferece planos mensais por US $ 3,95 completos com visualizações de página ilimitadas e espaço ilimitado pode parecer uma pechincha, mas a compensação geralmente é a velocidade lenta do site e o tempo de inatividade frequente durante períodos de alto tráfego.

Se você deseja que seu site seja muito rápido e tenha um bom desempenho, é necessário investir em um host decente. Se você realmente deseja que seu site seja rápido, convém examinar os pacotes de hospedagem que não estão em um servidor compartilhado.

Ela testou vários hosts antes de decidir sobre o WP Engine, que a ajudou a obter o tempo de resposta do servidor abaixo de 200ms que o Google recomenda. Considere fazer o mesmo ou atualizar seu pacote de hospedagem na web atual para um plano mais eficiente.

6. Elimine o JavaScript de bloqueio de renderização

Entre outras coisas, o JavaScript permite algumas ferramentas poderosas de terceiros e elementos de página interativos. O problema é que ele também interrompe a análise do código HTML.

Quando você vir uma mensagem de erro que diz “elimine o JavaScript de bloqueio de renderização”, significa que há um trecho de código JavaScript que está pausando o processo de carregamento da parte acima da dobra de sua página. Os scripts de terceiros, em particular, são provavelmente os culpados por esse problema. Enfrente de três maneiras:

• Scripts que não são cruciais para o processo de carregamento devem ser atrasados ​​propositalmente - buscados e executados após a página ser totalmente renderizada.

• Scripts que carregam de forma assíncrona devem ser usados ​​sobre aqueles que carregam de forma síncrona. Os scripts síncronos pausam o processo de renderização da página, enquanto os assíncronos permitem que um navegador carregue outros elementos ao mesmo tempo.

• Considere embutir o script - inserindo pequenos recursos externos de JavaScript diretamente em seu documento HTML - para reduzir o número de solicitações que seu navegador precisa fazer.

7. Aproveite o cache do navegador

Podem ser necessárias várias solicitações entre um servidor e um navegador antes que uma página seja totalmente carregada para um usuário. No que diz respeito ao tempo, cada um faz sentido.

O cache permite que seu navegador, de certa forma, “lembre” de certos elementos que foram carregados recentemente - cabeçalho, navegação, logotipo, etc. Quanto mais elementos o navegador pode armazenar em cache, menos elementos ele precisa carregar no momento em que o usuário faz um solicitação e, em última análise, mais rápido a página carregará.

O Google recomenda uma política de cache mínimo de uma semana, e para elementos que permanecem praticamente inalterados, um ano é preferível.

8. Otimize as imagens

Em uma postagem do blog, os testadores do Google alertaram especificamente sobre a ameaça que as imagens representam para a velocidade da página. “Elementos gráficos como favicons, logotipos e imagens de produtos podem facilmente compreender até dois terços do peso total de uma página”, disseram eles.

Quando isso acontece, o efeito no tempo de carregamento da página e, especificamente, na taxa de conversão, é enorme. De acordo com o estudo, as páginas que converteram visitantes continham 38% menos imagens do que as que não converteram:

Felizmente, otimizar imagens é fácil. A substituição de um PNG por um arquivo de imagem JPEG pode facilmente economizar o tamanho da página e o tempo de carregamento. O mesmo pode acontecer com compressores de imagem como o Guetzli e o Zopfli do Google.

Mas antes de usá-los, pergunte-se se você realmente precisa de todas as imagens que incluiu em sua página. Eles estão realmente agregando valor ou você poderia viver sem eles? Se a resposta for a última, descarte-os completamente para economizar tempo e dados.

Veja sua posição com o Google PageSpeed ​​Insights

Qual é a sua pontuação do Google PageSpeed ​​Insights? Você atingiu o 85+ recomendado?

Para atingir esse limite, recomendamos que você consulte nosso guia para otimizar a experiência da página de destino pós-clique:

Em seguida, comece a oferecer uma melhor experiência do usuário e a melhorar a página de destino pós-clique.

Inscreva-se para uma demonstração do Instapage Enterprise hoje mesmo.