Google Pagespeed Insights for Publishers - Dicas para melhorar a velocidade da página do site

A velocidade de carregamento da página é um fator importante considerado pelo Google para a classificação dos resultados de pesquisa. O Google vem aumentando seu foco na experiência geral do visitante e criou o Google Core Web Vitals para rastrear a velocidade de carregamento da página, a estabilidade do layout da página e a rapidez com que um usuário pode começar a se envolver com uma página.

O Google começou recentemente a medir a velocidade e a experiência da página em uma base de aprovação/reprovação, como um fator na classificação de pesquisa. A experiência da página é cada vez mais uma referência para os editores on-line, que já sentem o impacto dos usuários do bloco de anúncios sensíveis aos tempos de carregamento da página e à largura de banda.

Os editores, em particular, podem ser afetados negativamente pela nova abordagem de pontuação e teste de velocidade da página do Google, pois anúncios, lances de cabeçalho, ferramentas de segmentação e tecnologia de anúncios podem afetar ainda mais a experiência e a velocidade geral da página. Seu Google PageSpeed ​​Insights está inerentemente conectado ao seu alcance. Se sua página carregar lentamente, as notícias seguirão em frente – e deixarão você para trás.

Google PageSpeed ​​Insights e Pontuação das principais métricas da Web

O Google desenvolveu a ferramenta PageSpeed ​​Insights para analisar o conteúdo e a velocidade de carregamento de um site, pontuar o desempenho de um site e fornecer informações para ajudar os editores a melhorar a velocidade do site. O Google usa uma ferramenta de velocidade do site chamada Lighthouse para pontuar seu site de 1 a 100 separadamente para as versões para computador e celular, sendo 90+ uma boa pontuação.



Originalmente, o PageSpeed ​​Insights se concentrava principalmente nos fatores de velocidade de carregamento, mas recentemente o Google mudou para se concentrar na experiência geral do site. O Google afirma: " Otimizar a qualidade da experiência do usuário é a chave para o sucesso a longo prazo de qualquer site na web."

O PageSpeed ​​Insights foi inicialmente retirado de testes de laboratório do site, mas recentemente o Google mudou o foco para mais da experiência geral do site e incluiu dados de campo do desempenho do site. Eles criaram o Google Core Web Vitals (CWV), que se concentra em três métricas de experiência do usuário: estabilidade da página, velocidade de carregamento do conteúdo e velocidade de engajamento da página.

Especialistas em SEO acreditam que apenas os dados de campo do Google são usados ​​para classificação de pesquisa e que o conteúdo de qualidade ainda desempenha um grande papel nos fatores de classificação.

Quais são as métricas do Core Web Vitals do Google?

Os Core Web Vitals do Google são três métricas que avaliam a estabilidade da página, a velocidade de carregamento da página e a rapidez com que a página responde à interação do usuário. Os Core Web Vitals são medidos e relatados tanto para a experiência de desktop quanto para dispositivos móveis e podem ser acessados ​​no Google Search Console, bem como na página PageSpeed ​​Insights do desenvolvedor. Qualquer pessoa que queira medir seu próprio site, ou qualquer site, pode inserir o URL da página e visualizar o relatório.

• Maior pintura de conteúdo (LCP) - Esta classificação refere-se à rapidez com que a página pode carregar o conteúdo principal da página. LCP de 2,5 segundos ou menos é uma boa pontuação.
  
  
• Atraso da primeira entrada (FID) - Essa classificação mede quanto tempo uma página da Web leva para reagir a uma ação que um usuário realiza. O cronômetro para essa medição começa quando há algo visual na página para um usuário reagir e termina quando a página é capaz de responder a essa ação do visitante. Se a página não puder responder ao usuário porque está respondendo a muitos outros scripts que está carregando primeiro, a pontuação do FID sofrerá. Para uma pontuação de aprovação, FID de 100 milissegundos ou menos é uma boa pontuação.
  
  
• Mudança de layout cumulativa (CLS) - CLS mede a estabilidade visual da página e do layout. Se você baixar a guia, as coisas se movem? Você tem anúncios, imagens ou elementos de página que são carregados mais tarde e fazem com que o layout da página mude? Isso resulta em uma pontuação CLS ruim. A classificação CLS de 0,1 ou menos é uma boa pontuação.

Este exemplo de vídeo do grupo de desenvolvedores do Google ilustra o problema do CLS. Um usuário está tentando recusar a compra, mas o layout muda para ele ao clicar e ele acidentalmente clica em comprar, resultando em uma experiência muito infeliz.

A orientação do Google para os editores que fazem sua própria auditoria de velocidade de página: "considere uma página aprovada se atender às metas recomendadas no 75º percentil para todas as três métricas acima".

A velocidade de carregamento da página e as principais métricas de vitalidade da web foram integradas à ferramenta de desenvolvedor do Chrome, disponível no navegador Chrome. O modo de desenvolvedor do Chrome tira até um instantâneo da página durante o processo de carregamento, para ajudar a identificar precisamente onde ocorrem os problemas.


Atualização: Dados de pesquisas recentes de Tom Capper na Moz sugerem que as classificações de sites são afetadas principalmente se falharem em todos os 3 limites do Core Web Vitals (LCP, FID, CLS), mas a falha em 1 ou 2 não foi correlacionada com um impacto significativo na classificações.

Como os editores podem melhorar a velocidade de carregamento da página e os principais pontos vitais da Web?

Os editores devem executar regularmente pelo menos as três etapas a seguir para melhorar o desempenho do site: Primeiro, execute regularmente testes de velocidade e interação da página e analise os relatórios; em segundo lugar, identifique quais elementos são carregados que não são usados ​​ou desnecessários, como fontes antigas ou scripts css. Terceiro, anote imagens, CSS, vídeo e JavaScript, que podem ser otimizados para tamanho e velocidade de carregamento por meio de compactação, minificação ou concatenação.

Abaixo estão as etapas e recursos adicionais para os editores melhorarem os tempos de carregamento do site, os principais sinais vitais da Web e a experiência do visitante.

Implemente o carregamento lento para melhorar o FID Web Vital

O carregamento lento adia o carregamento de imagens ou outros elementos até que o conteúdo e o layout da página principal sejam carregados e utilizáveis. Isso pode melhorar a largura de banda e a métrica FID. Pense em imagens e elementos que nunca aparecerão acima da dobra, esses elementos podem ser adiados para garantir que a experiência inicial seja rápida e interativa.

O Wordstream oferece um bom artigo sobre quando e como implementar o carregamento lento, mas você pode querer verificar com comunidades específicas criadas em torno do seu sistema CMS. O Hubspot tem carregamento lento embutido em algumas de suas funções, e há um bando de plugins do Wordpress para automação de carregamento lento.

Aproveitando uma CDN de rede de entrega de conteúdo

Aproveite um CDN e verifique se ele está configurado corretamente para desempenho. Uma rede de entrega de conteúdo (CDN) pode reduzir a largura de banda e os tempos de carregamento da página hospedando cópias de sua mídia geograficamente mais próximas dos usuários. Por exemplo, um visitante no Canadá pode ter seu conteúdo entregue por um servidor CDN em Toronto, enquanto um visitante simultâneo na Índia pode ter conteúdo entregue de Chennai, tudo gerenciado de forma otimizada pela CDN.

Compactar imagens e vídeos para carregamento de página mais rápido

Arquivos de mídia grandes são um dos maiores culpados por comentários em tempos de carregamento de página lentos e um dos mais fáceis de resolver. Você deve classificar todas as imagens em seu site por tamanho e prestar atenção às 100k ou maiores imediatamente. Você pode indexar seu site com uma ferramenta como o Screaming Frog para identificar todas as imagens grandes em minutos. Os sistemas Wordpress e CMS modernos geralmente têm ferramentas de compressão de imagem integradas, mas verifique você mesmo. Às vezes, você pode fazer muito melhor com ferramentas de terceiros criadas especificamente para compactação de imagens, como tinypng ou jpeg-optimizer.

Remova arquivos JavaScript não usados ​​para melhorar a velocidade de renderização da página

Sua página da web tem inchaço de JavaScript? Se o JavaScript estiver bloqueando a renderização, ele precisa ser chamado, baixado, analisado, avaliado e executado antes que a página possa terminar a renderização. Você tem arquivos JavaScript não utilizados? Arquivos JavaScript podem se acumular para direcionamento, sistemas CMS, definição de pixels de rastreamento, tags sociais, carregamento de fontes e muito mais. Você pode identificar detalhadamente quanto do seu JavaScript não é usado usando o recurso Cobertura no Chrome DevTools.

Ao executar a ferramenta de velocidade de página do Google, ela identificará qualquer JavaScript com mais de 20 kilobytes de código não utilizado.

Combine ou reduza CSS e scripts para melhorar a velocidade da página

Minimizar esses scripts mantém sua legibilidade de máquina, mas faz com que eles carreguem muito mais rápido. Existem várias ferramentas disponíveis para reduzir scripts; O RankRed reuniu uma boa variedade de ferramentas e descrições de minificação de script. Você também pode salvar algumas viagens ao servidor se concatenar arquivos JavaScript ou CSS.

Otimizando o cache para os principais Web Vitals

A estratégia de cache deve ser revisada para o tipo de site que você possui, nas funções de cache PI, como Cache-control e Last-Modified. Os desenvolvedores do Google fornecem algumas orientações e uma lista de verificação para opções de cache, bem como opções de configuração para servidores populares. Você pode pré-carregar o cache para que a página já esteja otimizada antes que o Googlebot chegue para avaliar o desempenho.

O fabricante de ferramentas WP, WP Rocket, sugere que o pré-carregamento do cache pode ser uma ajuda importante para melhorar a velocidade da página e criou este vídeo para explicar.

Ajudar os navegadores a alocar espaço para evitar a mudança de layout

• Especifique os atributos de altura e largura da imagem para que o navegador possa planejar seus imóveis, mesmo se eles estiverem carregando lentamente mais tarde.
• Reserve espaço para anúncios, iframes e conteúdo dinâmico. Use contêineres para ajudar a evitar mudanças de layout no momento da renderização.
• Considere otimizar a exibição da fonte com o link rel="preload"   e exibição de fonte: opcional.
  
  

Executar análise

A execução de um teste de velocidade de página frequente pode fornecer mais informações sobre seus principais pontos vitais da web. Você não apenas pode ver uma pontuação de velocidade da página, mas também quantos elementos estão sendo carregados e com que rapidez eles estão carregando. Mergulhe em seus relatórios para identificar os elementos que podem estar atrapalhando a velocidade da sua página. Aqui estão algumas ferramentas populares para visualizar diferentes níveis de detalhes e relatórios sobre carregamento de página, velocidade de página e otimização para mecanismos de pesquisa:

• Informações do Google PageSpeed
• GTmetrix
• Monitoramento de velocidade de página Pingdom
• Teste de página da Web

Aqui estão algumas recomendações para discussões mais técnicas e detalhadas sobre otimização de velocidade de página:

• Como melhorar a velocidade do site Wordpress
• Nitropack: como medir e melhorar os principais elementos vitais da Web
• SearchEngineWatch - 28 maneiras de turbinar seu site
• Toptal - Avaliando a avaliação do PageSpeed ​​Insights do Google
• Smashing Magazine - Guia para medir os principais elementos vitais da Web
• Web.dev - Melhore o desempenho do site com tempos de carregamento rápidos
  
  

Os subs pagos estão em seus planos futuros?

Como a Admiral ajuda a melhorar o desempenho do editor

Admiral foi um dos primeiros defensores da importância da experiência da página para os editores, principalmente, escrevendo e falando sobre velocidade da página, experiência do anúncio, anúncios melhores versus anúncios ruins e muito mais. Melhorar a experiência do site pode ajudar a reduzir o uso de software de bloqueio de anúncios pelos consumidores.

Além disso, enquanto muitos fornecedores de adtech estavam focados em soluções pontuais, a Admiral construiu uma plataforma de automação de engajamento horizontal que fornece soluções em toda a jornada de relacionamento com o visitante, projetada para reduzir a carga de tecnologia para os editores.

Soluções Point Multiplicam a Dívida Técnica para Editores

Usando soluções pontuais, os editores podem acabar com muitas tags, integrações, mecanismos de decisão de segmentação, discussões com sua equipe de desenvolvimento etc. Eles estão basicamente criando um monstro de Frankenstein com velocidade de página e impactos de UX se usarem sistemas separados para crescimento de newsletter, adblock recuperação, gerenciamento de consentimento, assinaturas pagas, murais de registro, crescimento de seguidores sociais, etc.

Admiral Verified by Third Party Speed ​​Test em mais de 100 cenários de clientes

A Admiral tem sido proativa em ajudar os editores a otimizar o Core Web Vitals e contratou a agência digital reconhecida nacionalmente (Anvil Media) para testar rigorosamente a solução de uma tag da Admiral quanto à velocidade e impacto nos Core Web Vitals.

Os especialistas em velocidade de página da Anvil testaram a tag Admiral em 15 sites de clientes, todos os módulos de solução Admiral, desktop e móvel, durante cinco dias, pré e pós medição e todas as 3 métricas CWV; Mais de 300 pontos de dados no total.