Melhore os tempos de carregamento do site com este guia do Google PageSpeed ​​Insights

Publicados: 2022-04-28

O Google PageSpeed ​​Insights (PSI) é uma ferramenta que informa sobre o desempenho de uma página em dispositivos móveis e desktop e fornece sugestões sobre como melhorar essa página. Ao inserir um URL e clicar em ANALISAR, você obterá um relatório detalhado do que está diminuindo a velocidade da página e o que você pode fazer para corrigi-lo.

O que está diminuindo a velocidade da página é baseado em dois parâmetros, tempo para carregamento acima da dobra e tempo para carregamento total. O primeiro é a quantidade de tempo que leva para uma página exibir conteúdo acima da dobra depois que um usuário solicita uma nova página. O último é a quantidade de tempo que um navegador leva para abrir completamente uma página depois que um usuário a solicita.

Pesquisadores do Google descobriram que, se sua página demorar mais de 3 segundos para carregar, metade de seus visitantes em potencial sairão antes mesmo de vê-la. Além disso, o mesmo estudo descobriu que a cada segundo seguinte uma página não carrega ainda mais visitantes saem. Por esse motivo, seu site deve carregar em 2 segundos ou menos.

Relatório PSI

A pontuação do PageSpeed ​​Insights varia de 0 a 100 e uma pontuação de 85 ou mais indica que a página está tendo um bom desempenho.

O PSI fornece dados de laboratório e de campo sobre uma página. Os dados de laboratório são úteis para depurar problemas de desempenho porque são coletados em um ambiente controlado. Os dados de campo, por outro lado, são úteis para capturar experiências reais do usuário.

Os dados de campo são divididos em 3 classes, descrevendo as experiências como boas, precisa melhorar e ruim. Se você tiver muitos pontos de exclamação vermelhos e amarelos em seu relatório, provavelmente deve trabalhar para melhorar seu site.

Se você deseja acelerar o tempo de carregamento do seu site, tente fazer o seguinte:

  • evitar redirecionamentos de página de destino pós-clique
  • ativar a compactação
  • minificar CSS, JavaScript, HTML
  • priorize o conteúdo acima da dobra
  • acelerar o tempo de resposta do servidor
  • eliminar JavaScript de bloqueio de renderização
  • aproveitar o cache de navegação
  • otimizar imagens

Como o plugin Hummingbird pode ajudar

beija Flor

O Hummingbird é um plugin gratuito que ajuda você a implementar as dicas mencionadas acima e faz com que sua página carregue mais rápido, ajudando você a deixar seus visitantes mais felizes. Seus visitantes não apenas permanecerão na página, mas também permanecerão por mais tempo e ficarão mais satisfeitos.

Este plugin otimiza o desempenho do site e corrige seu Google PageSpeed. Ele verifica seu site e informa o que você deve melhorar para garantir que sua página seja o mais rápida possível. Ao ter uma página mais rápida você obtém visitantes e clientes satisfeitos.

O Hummingbird tem muitos recursos úteis, incluindo compactação de arquivos, adiando CSS e JavaScript, minify para CSS e JS, integração Lazy Load e cache de classe mundial.

Com o recurso de verificação e correção com um clique, o Hummingbird ajuda você a verificar seu site, rastreando quais arquivos estão diminuindo a velocidade e fornecendo dicas e correções para acelerar o carregamento do site. Ele oferece melhorias de um clique que não desperdiçarão seu tempo, mas definitivamente melhorarão seu site. Você pode otimizar o desempenho em apenas um segundo e com apenas um clique.

Dicas de beija-flor

O recurso de cache oferece um conjunto de cache de classe mundial, incluindo cache de página inteira, navegador e Gravatar. Ele é feito para ser o mais simples possível, com uma interface limpa e configurações fáceis de usar. Não há guias complexas que possam sobrecarregar ou desencorajar você.

A interface possui opções de alternância com as quais você pode escolher quais páginas e postagens deseja ou não deseja armazenar em cache. Você pode ativá-lo automaticamente para páginas geralmente armazenadas em cache, como Frontpage, Blog, Posts, Arquivos, etc., mas também há a possibilidade de adicionar opções extras de configuração, como usuários logados, consultas de URL, atualizações e exclusões.

O armazenamento em cache faz com que seu site carregue mais rápido porque salva alguns de seus dados em um local mais conveniente, tornando o acesso e a recuperação mais rápidos.

Ferramentas de cache do beija-flor

O Hummingbird também permite que você personalize facilmente a posição do seu CSS, JavaScript e outros arquivos para aumentar a velocidade da sua página. Você pode reorganizar, compactar e reposicionar arquivos sem esforço com o recurso de minificação. Minimizar e combinar arquivos é uma ferramenta poderosa que você pode usar para garantir que seu site carregue mais rápido.

O Hummingbird faz uma varredura em sua página e fornece uma mensagem que exibe quantos arquivos ou ativos você possui. Na página de configurações de otimização de ativos, você pode decidir o que deseja reduzir, combinar ou mover. Ao minificar, você reduz dados desnecessários do seu código, o que torna a página mais rápida.

Quanto menos informações forem enviadas do servidor e do navegador, menos tempo levará para o seu site carregar. Minimize os scripts para garantir que os arquivos estejam no menor tamanho possível. Você também pode combinar seus arquivos, o que significa que todos os arquivos CSS vão para um arquivo CSS e todos os arquivos JS vão para um arquivo JS.

Otimização de ativos Hummingbird

Isso reduz o número de solicitações enviadas ao navegador, o que resulta em tempos de carregamento aprimorados. Você pode mover um script para o rodapé e também optar por não carregar um arquivo especificado, o que é útil se você não precisar de um script em seu site. Novamente, configurar isso é muito fácil e não requer nenhum conhecimento de codificação. E não se preocupe, se você errar, poderá redefinir facilmente todas as alterações feitas.

Outra característica do plugin é a compressão Gzip. O Gzip compacta seus arquivos HTML, JavaScript e CSS com uma configuração de um clique antes de enviá-los ao navegador. Isso torna o compartilhamento do seu site mais eficiente, pois o envio de arquivos compactados é mais rápido e economiza dinheiro em hospedagem. Ele torna seus arquivos menores e mais rápidos para carregar sem perder nenhum dado necessário no processo. Você não precisa se preocupar com a configuração, basta escolher o tipo de servidor em que seu site está hospedado e clicar no botão Aplicar Regras. O plugin cuida do resto.

Com o Hummingbird, você também pode controlar as configurações de cache do navegador Cloudflare. Além disso, você pode complementar os recursos de otimização com o plug-in de otimização de imagem Smush. Smush é usado para compactar suas imagens e acelerar o processo de carregamento.

Smush

Você pode otimizar e corrigir o desempenho do PageSpeed ​​com imagens do tamanho adequado, carregamento lento, conversão WebP de última geração, formatação de imagem e muito mais.

Você quer ter certeza de que tudo está indo tão bem quanto possível, é por isso que com o Hummingbird você pode ficar de olho no seu site e ajustá-lo se necessário. E no painel do Hummingbird, você pode executar verificações periódicas de desempenho que podem ajudá-lo a identificar arquivos que podem estar deixando sua página mais lenta.

Painel do beija-flor

Por que tudo isso importa

Ter um site de carregamento rápido é muito importante porque quanto mais tempo leva para sua página carregar, mais rápido os visitantes e clientes saem dela. Tenho certeza de que você se lembra de pelo menos uma vez em que esteve em um site que demorou muito para carregar. Você provavelmente clicou antes mesmo de qualquer coisa aparecer. Eu sei que tenho.

Se você tiver que esperar muito para que algo carregue, ficará mais frustrado e insatisfeito com o site. É por isso que a velocidade da página é importante. Portanto, se você não deseja perder clientes em potencial, deve procurar acelerar o tempo de carregamento do seu site. Depois de ajustá-lo, você pode analisá-lo novamente no PSI.

Homem preocupado

Há um artigo interessante que você pode ler aqui sobre como é impossível marcar 100 no Google PageSpeed ​​Insights. A autora do artigo fala sobre como ela avaliou seu site antes e depois das melhorias para tentar obter uma pontuação de 100. Ela usou os plugins Hummingbird e WP Checkup para melhorar o desempenho de seu site.

Depois de fazer alterações em sua página, ela percebeu que não há muito mais que ela possa fazer para obter uma pontuação de 100. No entanto, só porque sua página não pontua 100 no Google PageSpeed ​​Insights, isso não significa que sua página esteja lenta. O artigo mostra apenas que nem todos os sites podem obter uma pontuação perfeita e que o Google PageSpeed ​​Insights não é a melhor referência disponível para avaliar o desempenho do site, mas definitivamente vale a pena usar.

Pensamentos finais

Pode ser muito frustrante visitar um site e esperar para sempre que ele carregue. Principalmente se você for uma pessoa impaciente. Coloque-se no lugar de seus clientes ou visitantes. Você não quer esperar séculos para que algo apareça e nem eles. Você deseja oferecer o melhor serviço e isso também inclui o desempenho do seu site.

Ao acelerar sua página você está aumentando a possibilidade de manter clientes novos e existentes. Ter um tempo de carregamento de página rápido é um fator crucial se você deseja que as pessoas visitem seu site, permaneçam por um tempo e também voltem.

Então, analise sua página no Google PageSpeed ​​Insights e se você não obtiver a pontuação que esperava, experimente o Hummingbird que é feito para otimizar seu site.