Google Core Web Vitals: tudo o que você precisa saber

O Google sempre valorizou as necessidades de seus usuários. Eles sempre trabalharam para uma melhor experiência do usuário, desde o preenchimento de palavras-chave até a introdução da velocidade de carregamento do site, uma consideração de classificação para a classificação móvel em primeiro lugar. Outro passo nessa abordagem é o Core Web Vitals.

O que são os principais Web Vitals?

O Google usa uma combinação de métricas significativas para classificar as páginas, e o Core Web Vitals é uma delas. Eles analisam a usabilidade do site, velocidade de carregamento, estabilidade visual e relevância das informações. Quando os usuários pesquisam na internet, todos os Google Core Web Vitals se esforçam para garantir que o usuário receba os melhores e mais relevantes resultados.

As métricas do Web Vitals são divididas em duas partes: Core Web Vitals e non-Core Web Vitals.

Os Principais Web Vitais são:

• Maior pintura de conteúdo (LCP)
• Atraso da primeira entrada (FID)
• Mudança de layout cumulativa (CLS)

E os não-core Web Vitals são:

• Tempo total de bloqueio (TBT)
• Primeira pintura de conteúdo (FCP)
• Índice de velocidade (SI)
• Tempo para Interação (TTI)

Mas, antes de passarmos por todos os Web Vitals, vamos falar sobre por que eles são tão importantes.

Por que os Core Web Vitals são importantes?

A importância dos Core Web Vitals é que eles refletem o desempenho do seu site para os usuários. Preocupa-se com a velocidade com que um site é carregado e com a rapidez com que os visitantes podem se conectar.

De acordo com pesquisas recentes, um atraso de 1 segundo no tempo de carregamento da página pode resultar em uma queda de 7% nas conversões, uma queda de 11% nas visitas à página e uma queda de 16% na satisfação do cliente.

Como resultado, é fundamental acelerar e melhorar o desempenho do seu site. Por outro lado, a maioria dos métodos de medição de desempenho não considerou a qualidade da experiência do usuário.

Conversões, visualizações de página e satisfação do cliente sofrem com um site mais rápido com uma experiência de usuário ruim. Melhorar os principais Web Vitals pode ajudá-lo a resolver esse problema.

Nos rankings de SEO, a experiência do usuário também é um fator significativo. O Google disse anteriormente que, a partir de maio de 2021, a experiência da página será um dos fatores de classificação na atualização do algoritmo de pesquisa.

Os três componentes dos principais elementos vitais da Web do Google

Agora, vamos dar uma olhada em cada um dos três componentes do Google Core Web Vitals:

Pintura de conteúdo grande (LCP)

A maior pintura de conteúdo é uma métrica principal do Web vitals que mede o tempo que leva para uma página carregar. Ele calcula o tempo necessário para renderizar o maior elemento de conteúdo dentro da área visível de um usuário. Não mede a página inteira.

O que é uma boa pontuação LCP?

De acordo com o Google, seu site deve ter um LCP de 2,5 segundos ou menos para oferecer a melhor experiência ao usuário.

O LCP é classificado em uma escala de “bom” a “ruim”, assim como as outras métricas do Core Web Vitals:

• Bom: Qualquer LCP de menos de 2,5 segundos é considerado bom.
• Precisa melhorar: pontuações entre 2,5 e 4,0 segundos precisam ser melhoradas.
• Ruim: o LCP acima de 4,0 segundos é ruim e, como resultado, seus usuários têm uma experiência terrível quando visitam seu site.

Por que a maior pintura de conteúdo (LCP) é importante?

Este elemento deve ser a primeira coisa que uma pessoa vê quando visita uma página. O LCP afeta drasticamente a experiência do usuário, pois uma boa pontuação fará com que o usuário pense que o site carrega mais rápido, mas uma pontuação ruim o deixará frustrado. Também foi estabelecido que essa pontuação afetará os rankings de SEO no futuro.

O que poderia estar causando uma pontuação baixa no LCP?

A seguir estão os motivos para a pontuação ruim do LCP:

• Tempo de resposta lento.
• Render Blocking CSS.
• Render Blocking Javascript.
• Renderização do lado do cliente.
• Arquivos CSS e JS não otimizados e não limpos.
• Fontes não visíveis durante o carregamento da página.
• Imagens não otimizadas.
• Ordem de carregamento de recursos não otimizada.

Como melhorar sua pontuação LCP?

A seguir estão as maneiras de melhorar sua pontuação no LCP:

• Remova quaisquer scripts de terceiros desnecessariamente.
• Minimize seu CSS.
• Configure o carregamento lento de imagens.
• Atualize para um host mais rápido.
• Instale um CDN.
• Ativos de cache.
• Remova elementos de página grandes que demoram mais para carregar.
• Siga os conselhos do Google para seu URL específico.

Atraso da primeira entrada (FID)

Atraso da primeira entrada é o tempo que leva entre quando um usuário interage pela primeira vez com um site (ou seja, clicar em um link, tocar em um botão ou usar um controle personalizado com JavaScript) e quando o navegador pode começar a processar manipuladores de eventos em resposta a essa interação.

O que é uma boa pontuação FID?

Um tempo de reação de 100 ms ou menos é percebido como instantâneo pelos usuários. Isso indica que uma agência técnica de SEO deve tentar um atraso na primeira entrada de menos de 0,1 segundos para todas as páginas da web.

O FID é classificado em uma escala de “bom” a “ruim”, assim como as outras métricas do Core Web Vitals:

• Bom: Qualquer FID inferior a 100ms é considerado bom.
• Precisa melhorar: pontuações entre 100 e 300ms precisam ser melhoradas.
• Ruim: FID acima de 300ms é ruim.

Por que o atraso da primeira entrada (FID) é importante?

Se um usuário procura interagir com um site e não responde prontamente, provavelmente se sentirá insatisfeito. É fundamental reduzir o incômodo para melhorar a experiência do site. Em uma futura atualização do algoritmo de SEO da experiência da página, essa medida influenciará diretamente a classificação de SEO.

O que poderia estar causando uma pontuação FID ruim?

As causas mais comuns de um FID ruim são:

• Tarefas longas em que um navegador deve pausar.
• Execução Javascript demorada.
• Pacotes pesados ​​de Javascript.
• Javascript de bloqueio de renderização.

Como melhorar sua pontuação FID?

A seguir estão as maneiras comuns de melhorar sua pontuação no FID:

• Otimize a Ordem de Carga de Recursos.
• Otimize o tempo de execução do Javascript.
• Reduza a quantidade de Javascript de terceiros.
• Adie os ativos Javascript não críticos para execução.
• Melhore o tempo de resposta do servidor.
• Diminua a contagem e o tamanho da solicitação de ativos.
• Use a renderização do lado do servidor junto com o cache do lado do servidor.
• Divida o código e use CSS crítico para a seção acima da dobra da página da web.
• Minimize o trabalho de processamento de thread principal do navegador.
• Use Web-workers junto com Service-worker.

Mudança de layout cumulativa (CLS)

A mudança de layout cumulativa refere-se ao movimento súbito de componentes da página da Web enquanto a página ainda está sendo baixada. Fontes, imagens, vídeos, formulários de contato, botões e outros tipos de conteúdo são exemplos de elementos que induzem a mudança.

Você deve manter o CLS no mínimo porque mudar de página pode levar a uma experiência ruim do usuário.

O que é uma boa pontuação CLS?

As pontuações do CLS começam em 0 para páginas da Web totalmente estáticas e crescem à medida que o layout da página muda.

Seu layout é mais estável se você tiver uma pontuação mais baixa. As ferramentas de desempenho do Google utilizam as seguintes pontuações oficiais do CLS:

• Bom: Qualquer CLS abaixo de 0,1 é considerado bom.
• Precisa melhorar: pontuações entre 0,1 e 0,25 precisam ser melhoradas.
• Pobre: ​​CLS acima de 0,25 é ruim.

Por que o deslocamento de layout cumulativo (CLS) é importante?

Quando o conteúdo se move inesperadamente, é uma das experiências mais frustrantes para os usuários finais. Isso pode levar um usuário a perder o foco de onde está no processador para clicar ou pressionar o objeto errado. É muito frustrante e prejudicial à experiência do usuário, levando o Google a considerá-lo um fator de classificação.

O que poderia estar causando uma pontuação CLS ruim?

De acordo com o Google, a seguir estão as razões pelas quais a mudança de layout cumulativa acontece:

• Imagens sem dimensões.
• Conteúdo inserido dinamicamente.
• As fontes da Web causam FOIT/FOUT.
• Anúncios, incorporações e iframes sem dimensões.
• Antes de alterar o DOM, as ações aguardam uma resposta da rede.

Como melhorar sua pontuação no CLS?

A seguir estão as maneiras de melhorar sua pontuação no CLS:

• Evite pop-ups ou banners que alterem o layout da tela quando o site for carregado pela primeira vez.
• Defina as dimensões do atributo de tamanho para qualquer mídia (imagens, GIFs etc.), para que o navegador do usuário entenda quanto espaço eles vão ocupar e não modifique as dimensões inesperadamente.
• Coloque todos os anúncios em espaços reservados, para que não apareçam repentinamente, fazendo com que o conteúdo mude.
• Siga os conselhos do Google para seu URL específico (veja como medir os Core Web Vitals abaixo).

Outros Web Vitais

Enquanto os Core Web Vitals estão se tornando sinais de classificação, os web vitals adicionais não devem ser esquecidos. Cuidar dessas métricas é o mesmo que cuidar da Experiência do Usuário.

Outros Web Vitais:

Tempo total de bloqueio (TBT)

O Tempo Total de Bloqueio (TBT) é o período de tempo que as Tarefas Longas (todas as tarefas com mais de 50 ms) bloqueiam o encadeamento principal e diminuem a usabilidade da página. Ele exibe o quão estática é uma página antes de se tornar completamente interativa.

O que é uma boa pontuação de TBT?

Em um dispositivo médio e uma conexão de rede, um tempo total de bloqueio decente é inferior a 300 milissegundos. O Lighthouse calcula o tempo total de bloqueio adicionando o impacto total do bloqueio das tarefas longas e comparando-o com a pontuação TBT dos 10.000 principais sites. Essa medida inclui 404 páginas e ativos.

Limites de classificação do Tempo Total de Bloqueio:

• Bom: Qualquer TBT abaixo de 300ms é considerado bom.
• Precisa melhorar: pontuações entre 300 e 600ms precisam ser melhoradas.
• Ruim: TBT acima de 600ms é ruim.

O que poderia estar causando uma pontuação baixa de TBT?

A seguir estão as razões para a baixa pontuação de TBT:

• Um código JavaScript confuso e JS não utilizado.
• Um alto tempo de execução de JS.
• Um trabalho de thread principal alto.
• Uso intenso de um código de terceiros.

Como melhorar sua pontuação de TBT?

A seguir estão as maneiras de melhorar a pontuação TBT:

• Minimize CSS e JS.
• Reduza o tempo de execução do Javascript.
• Remova o Javascript não utilizado.
• Reduza o impacto do código de terceiros.
• Elimine recursos de bloqueio de renderização.
• Ative a compactação de texto.
• Minimize o trabalho de thread principal.

Primeira pintura de conteúdo (FCP)

Quando um site começa a carregar, o primeiro conteúdo mostrado na tela é medido como First Contentful Paint (FCP).

É uma estatística centrada no usuário, pois revela como um usuário vê o desempenho de um site (não como as ferramentas de teste de velocidade o avaliam). O FCP deve ser o mais baixo possível. Um FCP rápido informa ao usuário que algo está acontecendo.

O que é uma boa pontuação FCP?

De acordo com a documentação do Google sobre o cálculo de classificações métricas, eles avaliam os tempos de FCP em três categorias — bom, precisa melhorar e ruim — e descrevem como obtêm a pontuação percentual utilizada pela ferramenta Lighthouse.

• Bom: Qualquer FCP entre 0 e 1,8s é considerado bom.
• Precisa melhorar: pontuações entre 1,8 e 3s precisam ser melhoradas.
• Pobre: ​​FCP acima de 3s é ruim.

O que poderia estar causando uma pontuação FCP ruim?

As razões para a baixa pontuação FCP são as seguintes:

• Renderizar scripts de bloqueio e folha de estilo externa.
• Arquivos JavaScript.
• Grandes Ativos Baseados em Texto.

Como melhorar sua pontuação FCP?

A seguir estão algumas sugestões para aumentar sua pontuação no FCP:

• Elimine scripts e folhas de estilo de bloqueio de renderização.
• Remova CSS e JavaScript não utilizados.
• O redirecionamento de várias páginas deve ser evitado.
• Evite um tamanho de DOM excessivo.
• Evite mostrar texto invisível.
• Reduza as contagens de recursos e os tamanhos de transferência.

Índice de velocidade (SI)

O Índice de velocidade (SI) é uma estatística de desempenho de carregamento de página que indica em quanto tempo o conteúdo de uma página fica visível. É o tempo médio que leva para as seções visíveis da página carregarem. Quanto menor a pontuação, expressa em milissegundos e depende do tamanho da viewport, melhor.

O que é uma boa pontuação SI?

De acordo com Lighthouse, uma pontuação de índice de velocidade decente deve ser inferior a 4,3 segundos. Entre 4,4 e 5,8 segundos é a pontuação média do Índice de Velocidade. Um índice de velocidade superior a 5,8 segundos é considerado ruim. O Lighthouse calculou todos os dados nesta página usando padrões de arquivamento HTTP. Os critérios de pontuação do índice de velocidade bom, médio e ruim para o Lighthouse serão alterados se os dados do HTTP Archive forem alterados.

• Bom: SI inferior a 4,3s considerado bom.
• Precisa melhorar: Qualquer pontuação entre 4,4 e 5,8 precisa ser melhorada.
• Ruim: Pontuação acima de 5,8s é ruim.

O que poderia estar causando uma pontuação SI ruim?

A seguir estão algumas das razões para uma baixa pontuação SI:

• Código JavaScript e JS não utilizado.
• Tempo de execução do JavaScript.
• Trabalho de rosca principal.
• Código de terceiros.

Como melhorar sua pontuação SI?

Aqui estão algumas sugestões para aumentar sua pontuação SI:

• Remova o JS não utilizado.
• Reduza o tempo de execução do JavaScript.
• Elimine recursos de bloqueio de renderização.
• Reduza o impacto do código de terceiros.
• Minimize o trabalho de thread principal.
• Pré-carregar solicitações de chave.
• Evite encadear solicitações críticas.
• Mantenha as contagens de solicitações baixas e os tamanhos de transferência pequenos.
• Reduza o TTFB e os tempos de resposta do servidor.
• Certifique-se de usar as imagens nos arquivos a serem enviados estão no formato correto.

Tempo para Interação (TTI)

TTI é uma estatística de desempenho que avalia a capacidade de resposta de carregamento de uma página e ajuda a analisar situações em que um site parece ser interativo, mas não é.

A TTI identifica se a página está pronta para a interação do usuário de forma confiável após a primeira exibição de conteúdo (FCP).

O que é uma boa pontuação TTI?

Para fornecer uma experiência de usuário decente, você deve sempre apontar para um tempo de interação inferior a 3,8 segundos. Sua pontuação de TTI é baseada na comparação do tempo de TTI de sua página com os tempos de TTI de sites de alto nível, sejam visualizados em dispositivos móveis ou computadores.

É assim que o Lighthouse interpreta a pontuação TTI:

• Bom: TTI inferior a 3,8s considerado bom.
• Precisa melhorar: Qualquer pontuação entre 3,9 e 7,3s precisa ser melhorada.
• Ruim: Pontuação acima de 7,3s é ruim.

O que poderia estar causando uma pontuação TTI ruim?

Algumas das causas para uma pontuação de TTI ruim são as seguintes:

• Tempo de execução do JavaScript.
• Código JavaScript e JS não utilizado.
• Código de terceiros.
• Trabalho de rosca principal.

Como melhorar sua pontuação TTI?

Aqui estão algumas maneiras de ajudá-lo a melhorar sua pontuação TTI:

• Minimize arquivos JavaScript.
• Reduza o tempo de execução do JavaScript com menos plugins.
• Otimize imagens e vídeos.
• Reduza o impacto do código de terceiros.
• Minimize o trabalho de thread principal.
• Mantenha as contagens de solicitações do servidor baixas e os tamanhos de transferência pequenos.
• Pré-carregar solicitações de chave.

Como medir os principais pontos vitais da Web?

O Google tornou mais fácil para SEOs e proprietários de sites rastrearem os Core Web Vitals usando várias ferramentas.

Os Core Web Vitals foram lançados há apenas algumas semanas e só podiam ser avaliados usando o relatório Chrome UX na época.

Com a notícia de que o Core Web Vitals seria incluído no algoritmo de classificação do Google, a empresa está aprimorando muitas de suas ferramentas existentes com recursos de medição.

O Google Core Web Vitals agora pode ser medido usando:

Informações do Google PageSpeed

Quando se trata de medir e avaliar os Core Web Vitals, o Google PageSpeed ​​Insights (PSI) é uma das ferramentas essenciais de SEO. A PSI usa o Lighthouse e o Chrome UX Report para fornecer dados do laboratório e do campo em dispositivos móveis e desktop. O PageSpeed ​​Insights fornece conselhos detalhados sobre como aumentar a velocidade do site, além de fornecer uma visão geral dos dados de campo de usuários do mundo real (CrUX).

Google Search Console

O Google Search Console pode ajudá-lo a examinar e descobrir agrupamentos de páginas que podem precisar ser melhorados ou corrigidos. O GSC é baseado em dados do Chrome UX Report, que é baseado em pesquisas de campo do mundo real. Os URLs são categorizados por tipo de métrica e status (ruim, precisa melhorar, bom). O relatório GSC Core Web Vitals mostrará o desempenho de todas (ou a maioria) de suas páginas da web em termos de Core Web Vitals.

Farol do Google

O Google Lighthouse é a ferramenta mais popular para testar seu site em um ambiente de laboratório. Ele permite auditar e avaliar seu site em quatro áreas: desempenho, acessibilidade, práticas recomendadas e SEO. O Lighthouse rastreia LCP, CLS, TTI e TBT, entre outros parâmetros de experiência do usuário de laboratório. A ferramenta fornecerá conselhos detalhados sobre como melhorar seu site, semelhante ao PSI (principalmente baseado no Lighthouse). Certifique-se de verificar a Calculadora de pontuação do Lighthouse ao testar seu site com o Lighthouse.

Chrome DevTools

O Chrome DevTools é uma ferramenta de desenvolvedor que vem pré-instalada com o navegador Chrome. Para acessá-lo, clique com o botão direito do mouse e selecione “Inspecionar” e o Chrome DevTools aparecerá. Você pode examinar alguns dos indicadores Core Web Vitals usando o painel Desempenho do Chome DevTools. Fique de olho no Web Vitals. A parte sobre a experiência irá ajudá-lo a analisar os ajustes de layout.

Relatório de experiência do usuário do Chrome

O Chrome UX Report é um conjunto de dados público que fornece dados de experiência do usuário do mundo real de milhões de sites. Não é uma ferramenta em si. Os dados do Relatório de experiência do usuário do Chrome são originários de usuários do Chrome que optaram por participar; assim, monitora os dados de campo de todos os indicadores Core Web Vitals. Você pode usar a API CrUX para medir as versões de campo do Core Web Vitals em seu aplicativo se você for um desenvolvedor.

GTmetrix

GTmetrix é outra importante ferramenta de laboratório para avaliar a velocidade e o desempenho do seu site. A ferramenta é baseada em dados do Google Lighthouse. Ele rastreia parâmetros como a maior pintura de conteúdo, tempo total de bloqueio, mudança de layout cumulativa e muito mais.

Web Vitals (extensão do Chrome)

O Web Vitals é uma extensão do Google Chrome que permite monitorar as informações do Core Web Vitals em tempo real em sua área de trabalho. Os desenvolvedores que desejam avaliar e solucionar problemas das alterações feitas podem achar útil a extensão Web Vitals Chrome. Acesse o site e clique na extensão para examinar os dados.

Os Core Web Vitals afetarão minhas classificações?

Os Core Web Vitals se tornarão critérios de classificação para o Google em junho de 2021; assim, esses indicadores podem influenciar seu desempenho de SEO.

Os novos sinais de experiência de página incluirão segurança HTTPS, navegação segura, compatibilidade com dispositivos móveis e diretrizes intersticiais intrusivas.

O Google Core Web Vitals afeta os resultados orgânicos em dispositivos móveis e computadores, bem como se seu site aparece ou não nas Principais notícias. Anteriormente, se você quisesse aparecer no Top Stories, precisava utilizar o AMP. Quando o Google implementar a atualização, esse não será mais o caso, mas seu site precisará atender a pontuações mínimas específicas do Core Web Vitals para aparecer em Top Stories.

Além disso, parece que todos os indicadores Core Web Vitals devem ser satisfeitos para melhorar a classificação orgânica. A pontuação do Core Web Vitals para páginas indexadas também pode ser necessária.

Em resumo, aumentar suas pontuações do Google Core Web Vital agora é necessário se você se preocupa com o desempenho do SEO do WordPress.

O que é uma boa pontuação de velocidade de página?

Não há um ponto de corte formal. Uma das diretrizes mais populares é que seu site deve carregar em menos de dois segundos. Isso provavelmente se deve à pesquisa do Google que descobriu que 47% dos usuários de dispositivos móveis abandonam um site que leva mais de dois segundos para carregar.

Embora esse conselho seja provavelmente baseado na medida do Índice de velocidade, não acredito que o Google tenha declarado uma métrica específica ao fornecer uma pontuação de velocidade da página. Normalmente, os conselhos dos funcionários do Google são gerais, como “tornar os sites rápidos para os usuários” ou “tornar os sites o mais rápido possível”.

Por que melhorar a velocidade da página é tão importante?

A experiência do usuário é influenciada pela velocidade da página e pode fazer ou quebrar seu site. Um desempenho de página mais rápido melhora a experiência do usuário, aumentando as conversões de visitas à página e reduzindo as taxas de rejeição. Vejamos as vantagens de aumentar a velocidade da página com maior profundidade.

1. Aumente a velocidade do site para melhorar a experiência do usuário

De acordo com nosso estudo, 47% dos clientes desejam que um site carregue em menos de dois segundos.

Depois disso, cada segundo degrada a experiência do usuário. Os espectadores não gostam de esperar que sua página carregue; portanto, eles normalmente clicam para descobrir uma empresa que oferece uma melhor experiência ao usuário.

2. Aumente o número de visualizações de página

Você deve ter observado que vários dos indicadores que discuti antes, como LCP e CLS, afetam o ranking da página no Google. O Google adiciona dados que avaliam os tempos de carregamento para oferecer resultados de pesquisa de alta qualidade aos usuários. Como resultado, quanto mais rápido sua página for carregada, maior será sua classificação no Google.

3. Aumente as conversões

Os usuários ficarão felizes e mais propensos a se tornarem clientes se seus sites carregarem rapidamente. A HubSpot descobriu que reduzir o tempo de carregamento da página em três a dezessete por cento aumentou as conversões em 12 estudos de caso.

A matemática foi feita. Um atraso de página de um segundo pode custar US$ 2,5 milhões por ano se seu site de comércio eletrônico gerar US$ 10.000 por dia.

4. Taxa de rejeição reduzida

De acordo com o Think with Google, aumentar o tempo de carregamento do seu site de um para três segundos aumenta sua taxa de rejeição em 32%. Se for aumentado de um para cinco segundos, a chance aumenta em 90%.

Alguns segundos podem significar a diferença entre reter e converter usuários ou perdê-los para concorrentes.

Para saber mais, consulte nosso guia detalhado sobre como reduzir a taxa de rejeição no WordPress.

Maneiras de aumentar a velocidade da página

Você pode tentar as seguintes ações para aumentar a velocidade da página:

1. Limite o número de redirecionamentos

Quanto mais tempo o servidor demorar para localizar e carregar a página correta, mais redirecionamentos você terá. Remova todos os redirecionamentos desnecessários que puder.

2. Inclua a barra no final

Lembre-se de adicionar a barra à direita no final do URL. Você está informando ao servidor que não há pastas de arquivos para percorrer e que esta página é o destino final.

Como resultado, seu URL deve ser www.pickupwp.com/blog/ em vez de www.pickupwp.com/blog.

Isso reduzirá seu tempo de carregamento em uma fração de segundo, e cada milissegundo é importante.

3. As imagens devem ser compactadas e otimizadas.

Arquivos de imagem grandes ou um grande número de fotos podem aumentar significativamente o tempo de carregamento do seu site. Verifique se todas as suas fotos estão dimensionadas e compactadas corretamente.

As imagens também devem ser preservadas no formato correto. Os formatos mais facilmente compactados são PNG e JPEG, que são suportados por todos os navegadores.

A compactação de uma imagem diminui o tamanho do arquivo, que é medido em kilobytes e megabytes. Fotos de alta qualidade podem ser reduzidas em média de 60% a 80%. Você nunca deve usar uma imagem com mais de 1 MB de tamanho.

O tamanho da imagem na página pode ser alterado redimensionando-a. Imagens menores devem ter 700 pixels ou menos, enquanto imagens maiores devem ocupar toda a largura do seu site (ou cerca de 1900 pixels). Você sempre pode reduzir o tamanho, mas aumentar o tamanho sem pixelizar a imagem é bastante desafiador.

Existem vários plugins de otimização de imagem disponíveis que você pode usar para otimização e compactação de imagem.

4. Faça uso de uma rede de entrega de conteúdo (CDN)

Com uma CDN, seu site é hospedado localmente por uma rede de servidores, o que reduz o tempo de carregamento da página. Uma pessoa em Dublin visitando um site localizado em Los Angeles, por exemplo, não precisaria fazer ping no servidor de origem, mas sim em um servidor mais próximo de casa na Irlanda.

Diminui o número de solicitações ao servidor de origem distribuindo o conteúdo por vários servidores, diminuindo o tempo de download.

5. Plugins e outros elementos da página devem ser reduzidos ao mínimo.

Plugins, JavaScript e outros elementos extras aumentam o tempo de carregamento de uma página. Inclua apenas os componentes necessários para sua página.

Alguns plugins podem ajudar no desempenho do site, é claro. O desempenho da página pode ser melhorado usando plug-ins que redimensionam imagens automaticamente, reduzem o código e adiam o carregamento do JavaScript. Seria melhor decidir se os recursos extras fornecidos por esses plugins valem o sacrifício no desempenho da página.

6. Reduza seu HTML ou CSS

Ao reduzir o código do seu site, você remove todos os espaços, notas e marcações adicionais que os desenvolvedores usam para tornar o código mais legível e mais fácil de usar posteriormente. Quando um servidor tenta carregar um site, ele não exige tudo isso para entender HTML, JavaScript ou CSS, e pode atrapalhar.

7. Faça uso do cache

Quando um site é armazenado em cache, o servidor armazena cópias de suas páginas para que não seja necessário recarregar o site sempre. Você pode economizar tempo usando o cache.

Você pode usar o WP Rocket, o melhor plugin de cache para WordPress.

8. Selecione cuidadosamente seu provedor de hospedagem na web.

Você recebe o que paga quando se trata de hospedagem de sites. Planos mais baratos podem não ser capazes de gerenciar tanto tráfego, resultando em tempos de carregamento do site mais lentos.

Existem quatro tipos de provedores de hospedagem na web para escolher:

• Hospedagem Compartilhada: A hospedagem compartilhada pode hospedar vários sites pequenos em um único servidor. Embora a hospedagem compartilhada seja barata, aumentar o tráfego para outros sites hospedados no mesmo servidor pode fazer com que o seu fique mais lento.
• Hospedagem VPS: Um servidor virtual privado, ou VPS, executa muitos sites, mas cada um tem seu próprio “lugar” virtual. Por ser virtual, ele fornece recursos extras, reduzindo potencialmente a probabilidade de dificuldades de velocidade do site relacionadas ao tráfego.
• Hospedagem de Servidor Dedicado: Um único servidor hospeda apenas um site. Embora mais caro, ajuda a reduzir ou eliminar a possibilidade de perda de velocidade do site devido a picos de tráfego de outros sites.
• Hospedagem em Nuvem: Os sites são hospedados em uma rede de servidores virtuais e físicos, o que proporciona mais recursos e flexibilidade. Um host virtual será dimensionado para aumentar um aumento inesperado no tráfego.

Considere o tamanho do seu site e seu orçamento ao selecionar um serviço de hospedagem para o seu site.

Conclusão

Os Core Web Vitals são vitais para o SEO do WordPress, pois podem ajudá-lo a obter mais reconhecimento para o seu site, mantendo-o organizado e limpo.

Essas métricas podem aumentar a visibilidade e a classificação do seu site nos navegadores e fornecer uma boa experiência de navegação para seus visitantes.

É importante começar a otimizar seu site o mais rápido possível para evitar receber feedback negativo ou ter uma classificação mais baixa nos resultados de pesquisa.

Esperamos que este artigo ajude você a aprender sobre o Google Core Web Vitals e como otimizá-los. Você também pode ver nossa lista dos melhores plugins de cache para WordPress para aumentar a velocidade da página e guia para aumentar a velocidade do seu site WordPress.