Aprenda Como Melhorar sua Pontuação do Google PageSpeed Insight!
Tenho certeza que você já abandonou um site por ele demorar a carregar, mas você não está sozinho! A maioria dos usuários da web faz a mesma coisa. Por isso, vou falar sobre como melhorar sua pontuação do Google PageSpeed Insights.
Segundo uma pesquisa realizada pelo Pingdon, cerca de 38 por cento das pessoas deixam um site quando leva mais de cinco segundos para carregar. Mesmo assim, de acordo com o Unbounce apenas quinze por cento dos sites têm um tempo de carregamento aceitável.
Mas a grande pergunta é: existe uma velocidade certa para o carregamento de uma página? Essa resposta muda constantemente. O ideal é que uma página da web carregue em segundos, mas hoje alguns sites têm buscado alcançar um tempo de carregamento menor que três segundos.
Uma excelente maneira de acompanhar a velocidade padrão da página é através do Google PageSpeed Insight. Usando essa ferramenta você consegue melhorar a pontuação da sua página pois, além de mostrar a velocidade de carregamento, é possível saber o que precisa ser melhorado. Normalmente, uma pontuação acima de 90 é aceitável.
Caso sua pontuação no PageSpeed não esteja acima de 90, tanto em desktop como em mobile, aqui vão algumas dicas para você melhorar sua pontuação do Google PageSpeed Insights. E no final deste artigo, falarei o que fiz para deixar meu site muito mais rápido.
Aprenda Como Melhorar sua Pontuação do Google PageSpeed Insight!
1. Reduza o Tamanho de Suas Imagens
Hoje, a estética de um site é muito importante e as imagens influenciam bastante nisso, então você pode ser tentado a usar imagens de alta qualidade em seu site. Mas, apesar de não ter nada de errado com isso e a qualidade das imagens ser importante, existe diferença entre imagens de qualidade e imagens de alta resolução.
É possível ter excelente qualidade sem precisar usar a resolução mais alta. As imagens estão diretamente ligadas com a velocidade do seu site, por isso uma ótima maneira de deixá-lo mais rápido é compactar suas imagens.
Se você tem um site WordPress existem alguns plugins muito bons que vão te ajudar a compactar suas imagens. Para quem tem um site em outra plataforma, também existem outras ferramentas valiosas.
É importante frisar que, para você ter um site veloz, será necessário ter cuidado com suas imagens. Esse é um dos passos para você melhorar sua pontuação do Google PageSpeed Insights.
2. Exclua Redirecionamentos Desnecessários
O usuário além de aborrecer com o carregamento lento de uma página, também fica decepcionado quando clica em um link e é redirecionado para outra página de destino.
Porém ambos aborrecimentos estão relacionados! Pois quanto mais redirecionamentos suas páginas tiverem, mais demorado será o carregamento. Então, para resolver esse problema você deve eliminar redirecionamentos desnecessários.
Ter um design responsivo também evita redirecionamentos, pois ele permite que uma página fique acessível independente do dispositivo que a pessoa esteja visualizando.
3. Recursos de Bloqueio de Renderização
Para melhorar sua pontuação do Google PageSpeed Insights e aumentar a velocidade da página você precisa remover os recursos de bloqueio de renderização do seu site, pois eles também reduzem muito a velocidade de uma página.
Se você estiver vendo isso pela primeira vez, não se assuste. Quando comecei a pesquisar sobre como melhorar minha pontuação no Google PageSpeed Insight tive muitas dificuldades, porém consegui, e por isso estou compartilhando com você.
Basicamente, esses recursos são scripts CSS e Javascript que geram obstáculos, impedindo o carregamento rápido da página.
Cada visitante tem um navegador, então isso acontece porque quando ele acessa uma página, primeiro é feito um download desses scripts para só depois carregar a página inteira para assim, ser exibida.
Quando esses recursos estão acima da seção de dobra da página eles são muitos prejudiciais.
O Google além de mostrar o erro, ele fornece um relatório com algumas dicas de como resolver esse problema e isso inclui usar plugins. Eu li essas dicas, testei vários plugins gratuitos, mas consegui resolver esse problema usando o plugin WP Rocket.
4. Percepção de Desempenho
Você sabia que mais de 11% das pessoas que acessam um site através de um celular começam a navegar de cima para baixo? porém, ainda que a página não tenha carregado completamente, 9% rolam para baixo.
Por isso, mesmo que toda a sua página não carregue completamente, você deve melhorar o desempenho percebido.
Para fazer isso, é necessário que o conteúdo acima da dobra carregue rapidamente. Pois isso, além de melhorar a experiência do usuário, também aumenta sua pontuação no PageSpeed Insights.
5. Como Melhorar sua Pontuação do Google PageSpeed Insight – Use o Cache do Navegador
O cache do navegador pode ajudar no carregamento rápido de uma página, normalmente uma página também demora a carregar quando precisa buscar recursos necessários.
Então o cache do navegador permite que navegadores se lembrem de sites, recursos ou páginas que foram carregados anteriormente. Com isso não será preciso recarregar do zero.
Para fazer isso não é necessário entender de programação, basta usar as ferramentas que já estão disponíveis no mercado. Para WordPress, existem plugins como, w3 Total Cache, Super Cache, mas o meu favorito é o WP Rocket.
Faça isso e comece a melhorar sua pontuação do Google PageSpeed Insights.
6. Use AMP
AMP é a abreviação de Accelerated Mobile Pages é uma solução usada pelo Google que faz aumentar a velocidade das páginas que são acessadas pelo celular.
Ela faz isso eliminando coisas que são desnecessárias, fazendo com que ele carregue rapidamente.
É um recurso muito interessante para quem deseja melhorar sua pontuação do Google PageSpeed Insight em dispositivos móveis.
Existem outros fatores que influenciam na velocidade de carregamento de um site como por exemplo o tipo de hospedagem, porém esses são os principais.
Agora veja como fiz para melhorar minha pontuação no Google PageSpeed Insight e também no Web Dev.
Como Melhorei a Minha Pontuação no Google PageSpeed Insight
Como falei antes, quando comecei a pesquisar sobre como melhorar o tempo de carregamento do meu site fiz muitos testes, porém vou falar agora o que realmente funcionou.
Meu site está hospedado em uma hospedagem compartilhada, mas ainda assim consegui melhorar minha pontuação tanto no PageSpeed Insight como no Web Dev.
1. Cloudflare
A primeira coisa que fiz para melhorar a pontuação do meu site foi começar a usar o serviço gratuito da Cloudflare.
Para quem não sabe ela é um serviço de CDN para todos os tipos de sites, porém a Cloudflare também proporciona segurança, desempenho e confiabilidade para quem usa seus serviços. Mas é muito fácil de configurar e qualquer pessoa que tenha um site pode usar os serviços da Cloudflare.
Meu site, além de ficar mais seguro passou a carregar muito mais rápido, porém minha pontuação ainda não estava acima de 90.
2. Tema Responsivo
Pode parecer que não, mas o tema influencia muito na velocidade de um site. Hoje uso o tema Wolf WP, além de elegante é leve.
Antes eu usava outro tema, porém preferi trocar, pois ele não era otimizado.
Clique aqui para saber mais sobre o Wolf WP. (Obs.: O Wolf é um ótimo tema, porém hoje estou testando o tema Hello Elementor mais o Elementor pro.)
3. Plugin Smush Pro
Esse plugin é muito bom, serve para otimizar minhas imagens. Com ele é possível, por exemplo, atrasar o carregamento de imagens que estão fora da tela até que o visitante role para elas.
Tem outros recursos como:
WebP local: Veicula imagens WebP para navegadores compatíveis, e imagens JPEGs e PNGs para aqueles que não são.
CDN: para imagens.
Diretório Smush: você consegue comprimir imagens que estão fora do diretório de envios.
Smush em Massa: Ele faz levantamento das imagens que podem ser compactadas e permite compactá-las em massa. Normalmente você compacta todas quando instala o plugin e quando carrega novas imagens.
Até aqui tudo que falei melhorou a minha pontuação no PageSpeed Insight, mas não consegui atingir a nota acima de 90 por cento tanto em mobile como em desktop.
4. Plugin WP Rocket
Só consegui alcançar a nota acima de 90 quando instalei esse plugin. Mas tudo que fiz antes foi muito importante e provavelmente se eu não tivesse feito não resolveria apenas com o plugin Rocket.
Para melhorar sua pontuação no Google PageSpeed Insight é necessário ter cuidado com várias áreas dentro do seu site, não adianta apenas fazer um passo e achar que já estará resolvido.
O plugin Rocket WP foi fundamental para aumentar a velocidade do meu site.
Antes de comprar o plugin WP Rocket testei outros na versão gratuita. Veja quais plugins testei:
- WP total cache;
- W3 Super Cache;
- WP Fastest cache
- WP Optimize
- Autoptimize
Instalei e fiz a configuração de todos esses plugins, um de cada vez, porém para mim não funcionaram. Então comecei pesquisar por versões pagas e a grande maioria eram caras, foi então que conheci o plugin WP Rocket e consegui comprar por um bom preço da Full Stack Agency.
O Plugin WP Rocket possui muitas funções que ajudam a melhorar sua pontuação do Google PageSpeed Insight.
Logo que você ativa o WP Rocket, algumas funções são implementadas automaticamente, incluindo:
- Cache de navegador
- Cache de página
- Compressão Gzip
Mais funções do Plugin Rocket WP
Só de ter essas funções você já ganha um alto desempenho, mas ainda existem outras funções como:
- Carregamento lento
- Minificação
- Controle da API Heartbeat
- Elimine o JavaScript de bloqueio de renderização
- Integração Cloudflare
- Otimização de banco de dados
- Integrações CDN
- É possível hospedar scripts de rastreamento localmente (Como Facebook Pixel e Google Analytics)
Para mim o WP Rocket é o melhor plugin de desempenho do WordPress, principalmente para iniciantes, pois ele é ótimo e bem simples de usar.
Uma vantagem dele é que por exemplo, ele faz a otimização de banco de dados, então eu não preciso instalar outro plugin para fazer isso.
Usar muitos plugins faz o site ficar lento, por isso a importância de encontrar um que tenha várias funções.
Concluindo
Isso foi o que fiz para melhorar minha pontuação do Google PageSpeed Insight, pode ser que para você algumas coisas não funcione, por isso pegue o que falamos e aplique de acordo com sua necessidade.
Não fiz nenhum curso para aprender isso, mas ganhei esse conhecimento fazendo pesquisas e testes e valeu muito meu esforço.
Gostou? Tem alguma sugestão? Então deixe aqui nos comentários, vai ser bom saber sua opinião.
Veja também…
SEO para iniciantes – [O melhor tutorial] O passo a passo para otimizar seu site!
WordPress Templates – Confira os 5 Melhores Para Seu Negócio
Como o Google Search Console pode ajudar a otimizar seu Site!
0 Comentários