Como melhorar a pontuação no Page Speed Insights

A velocidade de carregamento do seu site é um dos fatores de ranking do Google mais importantes. Isso, na verdade, influencia diretamente no SEO e nas taxas de conversão.

Page Speed Insights é uma ferramenta gratuita do Google capaz de te dar uma nota com base na velocidade do seu site.

A taxa de rejeição, ou seja, a porcentagem de usuários que entram e saem imediatamente do seu site, depende muito da velocidade de carregamento das páginas web (o carregamento da página). Se isso ultrapassar um segundo e chegar até 6, a taxa de rejeição aumentará de maneira descontrolada!

Como obter 100/100 no Page Speed Insights: dicas úteis

Como funciona o Page Speed Insights?

Esta ferramenta de diagnóstico do próprio site web funciona graças ao programa open-source Lighthouse que gera dados de teste e avalia seu site, dando origem a uma primeira avaliação.

Esta deve ser submetida a um aprofundamento com dados reais baixados do site que originam a pontuação final que vai de 0 a 100.

Aqui são analisados os problemas de carregamento, tanto na versão desktop quanto na móvel, os gargalos que criam problemas de conversão, e todas as dynamics que podem aumentar o abandono de uma página e a porcentagem de rejeição.

Como aumentar a pontuação do Page Speed Insights

Ter uma pontuação próxima a 80 è já um ótimo resultado (tanto para desktop quanto para mobile); para alcançar esse resultado e talvez fazer ainda melhor, aqui estão algumas dicas úteis:

Otimização das imagens: as imagens são frequentemente fonte de forte lentidão nos sites. Os problemas relacionados às imagens devem-se certamente ao peso destas últimas (se superarem o MB estão absolutamente fora do tamanho!). Quando você conta com colaboradores, externos ou não, fique muito atento a como eles inserem as imagens!

Melhoria dos tempos de resposta do servidor: o servidor, virtual ou dedicado, que você escolhe para hospedar seu site é um fator importante para melhorar a pontuação do Page Speed Insights, especialmente quando você tem um portal pesado ou um e-commerce com muitos produtos. Avalie bem o hosting onde montar o site e verifique o valor do TTFB (tempo de resposta ao primeiro byte).

Basicamente, o tempo de resposta do servidor è aquele intervalo de tempo que ocorre entre o carregamento do conteúdo e a capacidade do servidor de processá-lo.

Os fatores que podem influenciar esse dado são:

• Solicitações ao banco de dados
• Caminho lento
• Framework
• Bibliotecas
• Starvation da CPU
• Starvation de memória

Minimizar css, javascript e html: as folhas de estilo css, os javascript e também o simples código html são elementos que, a longo prazo, pesam no site. Para evitá-lo, basta adotar a técnica de minificação ou seja, remover dados em excesso e simplificar ao máximo essas strings e esses códigos. 

Alguns programas muito bons são:

• O HTML minifier para html;
• CSSNano e csso para a minificação do CSS;
• UglifyJS2 e o Closure Compiler para javascript.

Ótima ferramenta è também Google’s AMP que otimiza as páginas da web para o carregamento quase que instantâneo das páginas!

Outra dica muito útil é priorizar o conteúdo acima da dobra!

Isso significa, basicamente, estruturar uma landing ou de qualquer forma um site web inserindo muitas informações e muitos calls to action na parte superior do site.

Isso é importante por dois motivos principais: primeiro, pelo lado do usuário. Quem lê a página terá uma percepção melhor do carregamento da página. Enquanto, a nível técnico, se forem inseridos conteúdos valiosos, importantes para o usuário, bem como para a conversão do site, na parte superior, esses serão carregados primeiro pelo navegador criando assim, a percepção de maior velocidade!

Eliminação do render-blocking de javascript: algumas vezes o javascript bloqueia o processo de carregamento, especialmente se forem usados scripts de terceiros. Para evitar o render-blocking de javascript adotar uma das seguintes opções:

• Muitos scripts não essenciais podem ser adiados de várias maneiras e recuperados após a página é executada corretamente.
• Preferir os scripts assíncronos em vez dos síncronos que, por sua vez, pausam o processo de carregamento.

Como acelerar seu site e ter uma ótima pontuação no Page Speed Insights: Framework360

Framework360 lhe dà a possibilidade de obter uma pontuação altíssima no que diz respeito ao carregamento das páginas do seu site.

Como? Simplesmente otimizando cada aspecto do qual falamos até agora.

As imagens são carregadas diretamente no servidor com uma compressão que limita suas dimensões máximas.

A resposta do servidor è otimizada ao máximo aproveitando AWS (Amazon Web Service), a melhor hospedagem existente.

O código do qual o site é composto é limpo, linear e rápido, fruto de anos de experiência e melhorias constantes.

A plataforma te dará portanto a possibilidade de configurar seu site de maneira totalmente intuitiva, pessoal e, acima de tudo, eficiente para os motores de busca, sem a necessidade de qualquer competência em programação e construção de sites.

Experimente agora a velocidade é dos sites desenvolvidos no Framework360!

Em conclusão, vimos que otimizar o site para Page Speed Insights é, na verdade, um dos passos fundamentais para a criação de um ambiente online, assim melhorando cada vez mais o desempenho do seu site e evitando percentuais de rejeição muito altos.