Quatro maneiras de melhorar a velocidade da página e dominar o Core Web Vitals

O Google acabou de atualizar seu algoritmo de pesquisa, tornando-se a oportunidade perfeita para impulsionar a classificação da página do seu site com essas dicas do Core Web Vitals

Resumo de 30 segundos:

  • Os sites com boa classificação no Google tendem a ter uma pontuação mais alta do Core Web Vitals
  • Existem três vitais principais da web que constituem a maior parte da pontuação geral de velocidade da página do site
  • Priorizar a experiência do usuário em campanhas de web design e marketing pode dar a você uma vantagem competitiva
  • Este guia abrangente prepara você para o lançamento da nova atualização do algoritmo da Pesquisa Google

A última grande atualização do Google em seu algoritmo de busca concentra-se muito na experiência do usuário por meio de um novo conjunto de métricas de fator de classificação, chamado Core Web Vitals. Os primeiros resultados das auditorias Core Web Vital revelam que o desempenho médio do site está abaixo desses novos padrões. A pesquisa da Searchmetrics revelou que, em média, os sites podem reduzir o tempo de carregamento da página em quase um segundo removendo o JavaScript não utilizado.

Isso oferece uma oportunidade incrível de superar outros sites, aumentando a classificação de sua própria página.

Aqui está tudo o que você precisa saber sobre Core Web Vitals, mais quatro etapas simples para melhorar suas métricas.

Conteúdo criado em parceria com Searchmetrics.

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

Core Web Vitals são uma extensão dos sinais de experiência da página do Google que incluem compatibilidade com dispositivos móveis e HTTPs. As três métricas Core Web Vitals medem o desempenho de carregamento, interatividade e estabilidade visual, que o Google vê como uma representação precisa da experiência do usuário no mundo real.

  1. Largest Contentful Paint (LCP) mede o tempo de carregamento da maior imagem ou bloco de texto visível no ponto de vista do usuário.
  2. O atraso na primeira entrada (FID) mede a interatividade na página calculando o tempo desde a primeira interação do usuário com o site até o momento em que o navegador responde a essa interação.
  3. Mudança de layout cumulativa (CLS) refere-se a quanto o conteúdo muda durante a renderização da página.

Como verificar os insights de velocidade da página

Existem muitas ferramentas online que verificam a pontuação de classificação da sua página, incluindo PageSpeed ​​Insights, Relatório de experiência do usuário do Chrome, Lighthouse Audit e Search Console. Esses sites medem a velocidade da página em vários elementos e exibem os resultados usando um sistema de semáforo. O PageSpeed ​​Insights fornece uma análise dos resultados e destaca as áreas de melhoria.

O que significa “bom” desempenho em números?

Para fornecer uma boa experiência ao usuário , o LCP deve ocorrer dentro de 2,5 segundos após o início do carregamento da página. As páginas devem ter um FID de menos de 100 milissegundos e manter um CLS de menos de 0,1.

Sites, como a Wikipedia, têm a pontuação de velocidade de página mais alta devido a uma abordagem leve ao design da web, usando principalmente texto e imagens otimizadas . Os sites que dependem muito de imagens e conteúdo de vídeo são mais lentos para carregar e oferecem uma experiência ruim para o usuário. Portanto, há um equilíbrio entre o design e a experiência do usuário.

Veja onde seu site está classificado. Visite o PageSpeed ​​Insights e insira seu URL. Observação: o número superior é a pontuação do Lighthouse, também conhecida como pontuação do PageSpeed, medindo de zero a 100. Embora seja uma boa referência geral para o desempenho do seu site. Não está totalmente relacionado às três métricas Core Web Vitals, que devem ser vistas como uma análise de LCP, FID e CLS.

Como melhorar a velocidade da sua página

Passar é considerado obter uma pontuação “boa” em todas as três áreas. Fazer pequenas alterações pode melhorar a pontuação da velocidade da página em apenas um segundo, o que pode mudar o site de uma pontuação “ruim” ou “precisa de melhorias” no LCP para uma pontuação “boa”. Reduzir o tempo de carregamento deixará os usuários mais felizes e aumentará o tráfego para o site.

Tom Wells, especialista em marketing criativo da Searchmetrics, diz:

“Tudo o que não é necessário em um site não deveria estar lá.”

Simplificando, identificar e remover elementos que não são usados ​​ou têm uma finalidade substantiva pode melhorar a pontuação de velocidade da página do site.

1. Imagens grandes

Imagens mal otimizadas são uma das principais causas que afetam a pontuação LCP de um site, pois geralmente é o maior elemento a ser carregado. As empresas de comércio eletrônico e aquelas que dependem muito de imagens podem ter pontuações de LCP mais baixas devido à renderização da página de várias imagens de alta resolução.

Otimizar esses ativos usando design responsivo ou formatação de imagem de última geração, como WebP, JPEG 2000 e JPEG XR, pode melhorar a pontuação reduzindo o tempo de renderização. Freqüentemente, as imagens podem ser condensadas em um tamanho muito menor sem afetar a qualidade da imagem. Recursos gratuitos como o Squoosh podem fazer isso por você.

2. Conteúdo e anúncios dinâmicos

Carregar anúncios em uma página da web é uma das principais causas de uma pontuação CLS ruim. Isso pode ser causado por elementos na página que mudam para acomodar anúncios dinâmicos, o que contribui para uma experiência ruim do usuário.

Usar um método de implementação inteligente, como alocar atributos de tamanho ou caixas de proporção de aspecto CSS para todos os anúncios, vídeos e elementos de imagem, é uma maneira de reduzir a mudança de conteúdo. Algumas empresas podem usar um plugin ou codificação na parte superior do site para colocar os anúncios. No entanto, isso pode levar a um site mais lento, afetando a experiência do usuário de forma negativa e indiretamente afetando as classificações.

Além disso, nunca insira conteúdo sobre o conteúdo existente, exceto em resposta a interações específicas do usuário, pois isso garante qualquer mudança de layout que ocorra. Por exemplo, quando você clica em um botão de CTA e um formulário aparece, é uma exceção.

3. Economia da web centrada em plug-ins

Os plug-ins podem atuar como “gesso sobre as rachaduras” para resolver problemas do site, diz Wells. Apesar de criar uma correção temporária, ela pode desacelerar e prejudicar o desempenho da web, pois todo o código precisa ser carregado antes que o usuário seja capaz de interagir totalmente com a página da web.

O uso de plug-ins pode aumentar a contagem de solicitações do servidor e aumentar o tempo de execução do javascript. Todos esses fatores podem diminuir a pontuação FID do local.

“Freqüentemente, buscamos soluções e correções avançadas, mas às vezes é tão simples quanto excluir o que não é necessário”, diz Wells.

Portanto, remover alguns plug-ins, especialmente os não utilizados, pode melhorar a reatividade e a velocidade do site.

4. Muito código

O Google aconselha focar no desempenho geral do site.

“É fundamental que os sites responsivos e bem pontuados sejam o mais leves possível”, diz Wells.

“Quanto mais coisas um servidor tiver que carregar, mais lento será o tempo de carregamento em geral.”

Embora CSS e JavaScript não utilizados possam não impactar diretamente a pontuação de velocidade da página, ainda podem impactar os tempos de carregamento do site, criar inchaço de código e impactar negativamente a experiência do usuário.

Quando devo começar?

O lançamento do novo algoritmo pelo Google começou em meados de junho, portanto, vale a pena começar a revisar a pontuação do seu site nos testes de velocidade das páginas. Os sites com boa classificação tendem a ter pontuações mais altas do Core Web Vitals e essa tendência deve continuar à medida que o Google dá mais ênfase à experiência do usuário.

Leave a Comment