Inscreva-se em minha Newsletter
A última grande atualização do Google em seu algoritmo de pesquisa 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 com o Core Web Vital revelaram que o desempenho da maioria dos sites está abaixo desses novos padrões. Já se sabe 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. Vou listar quatro dicas simples para melhorar suas métricas.
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.
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.
First Input Delay (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.
Cumulative Layout Shift (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 da sua página, incluindo PageSpeed Insights, Chrome User Experience Report, 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 ter um “bom” desempenho falando 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 menor que 100 milissegundos e manter um CLS menor que 0,1.
Sites, como a Wikipédia, 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, deve haver um equilíbrio entre o design e a experiência do usuário.
Veja como seu site está classificado. Visite o PageSpeed Insights e insira sua URL. Observação: o número superior mostrado é 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
O legal seria obter uma boa pontuação “boa” em todas as três áreas. Fazer pequenas alterações pode melhorar a 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 seu tráfego.
1. Imagens grandes
Imagens mal otimizadas são uma das principais causas que afetam a pontuação do LCP, pois geralmente é o maior elemento a carregar. E-Commerces e aqueles que dependem muito de imagens podem ter pontuações de LCP mais baixas devido à renderização 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. Frequentemente, 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 um site é uma das principais causas de uma 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 que nenhuma mudança de layout ocorra. Por exemplo, quando você clica em um botão de CTA e um formulário aparece, é uma exceção.
3. Evite usar muitos plug-ins
Os plug-ins podem atuar como uma “bengala” para resolver problemas do site. Apesar de criar uma correção temporária, ela pode desacelerar e prejudicar o desempenho, pois todo o código precisa ser carregado antes que o usuário seja capaz de interagir totalmente com a página.
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 site.
Muitas vezes buscamos soluções avançadas, mas às vezes é tão simples quanto excluir o que não é necessário
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 sites responsivos e bem pontuados sejam o mais leves possível.
Quanto mais coisas um servidor tiver que carregar, mais lento será o tempo de carregamento em geral.
Embora CSS e JavaScript não utilizados não impactam diretamente na velocidade da página, ainda podem impactar os tempos de carregamento do site, gerar muito 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 (2021), então vale a pena começar a revisar a pontuação do seu site nos testes de velocidade. Os sites com boa classificação tendem a ter pontuações mais altas no Core Web Vitals e essa tendência deve continuar à medida que o Google dá mais ênfase à experiência do usuário.
Aprenda como analisar cada uma das principais métricas do Core Web Vitals (LCP, FID e CLS) usando dados de usuários do seu website.