Google Empresa de InternetintroduzidoPrincipais dados vitais da Web(Core Web Vitals) tornaram-se uma métrica fundamental para medir a qualidade do sítio Web e a experiência do utilizador. Neste post, serão fornecidos detalhes sobre o que são Core Web Vitals, por que são tão importantes para sites WordPress e como otimizar essas métricas paraMelhorar o desempenho do seu sítio Webresponder com cânticosRankings dos motores de busca.

O que são os Core Web Vitals?

Core Web Vitals é um conjunto de métricas introduzidas pela Google para medir e melhorar a experiência do utilizador na Web. Especificamente, inclui três métricas principais:

1. Maior tinta com conteúdo (LCP)Tempo máximo de desenho do conteúdo
2. Atraso da primeira entrada (FID): Atraso da primeira entrada
3. Deslocação acumulada da estrutura (CLS)Desvio acumulado de layout

Estas métricas centram-se não só no tempo total de carregamento da página, mas também na rapidez com que o utilizador pode começar a interagir com a página. São uma melhor medida do desempenho de um sítio e da experiência do utilizador do que o tempo total de carregamento, e são métricas fundamentais para testes de velocidade e otimização.

Maior tinta com conteúdo (LCP)

O que é o LCP?

LCP refere-se a Maximum Content Drawing Time, que mede o tempo desde que a página começa a ser carregada até ao momento em que o conteúdo principal da página termina de ser processado. O conteúdo LCP inclui normalmente imagens de banner da página inicial, imagens em destaque na parte superior da página e áreas de texto superior.

Formas de otimizar o LCP

• Utilizar alojamento rápido e CDNMelhorar o tempo de resposta do servidor e reduzirTTFB(Tempo para o primeiro byte).
• Otimizar o carregamento de recursosReduzir os atrasos no carregamento de recursos para conteúdos no primeiro ecrã e garantir que os recursos críticos são carregados em primeiro lugar.
• Compressão e otimização de imagensReduzir o tamanho do ficheiro de imagem e acelerar o carregamento.
• CSS e JS para reduzir o bloqueio de renderizaçãoSincronização e redução de ficheiros CSS e JS, utilização de carregamento assíncrono de recursos não críticos.

Métricas LCP

• talentoso: menor ou igual a2.5unidade de ângulo ou arco equivalente a um sexagésimo de grau
• Necessidade de melhoriaMenos de ou igual a 4,0 segundos
• medíocreMais de 4,0 segundos

Deslocação acumulada da estrutura (CLS)

O que é o CLS?

CLS refere-se a Cumulative Layout Shift, que mede se o conteúdo se moveu ou não durante o carregamento da página. Quanto mais se move, maior é a pontuação (mau), e a pontuação mais baixa (excelente) é se não se move de todo.

Métodos de otimização da CLS

• Utilizar o atributo de tamanhoAdicionar atributos de largura e altura a todos os elementos de imagem e vídeo para preservar o espaço.
• Evitar a inserção de conteúdos dinâmicosEvite inserir novos elementos DOM depois de o conteúdo ter sido carregado para evitar desvios de layout.
• Otimizar anúncios e conteúdos incorporadosTamanho: Assegure-se de que os anúncios e o conteúdo incorporado têm um tamanho fixo e não afectam a disposição da página.

Métricas CLS

• talentosoMenos de ou igual a 0,1
• Necessidade de melhoriaMenos de ou igual a 0,25
• medíocreMais de 0,25

Atraso da primeira entrada (FID)

O que é o FID?

FID refere-se a First Input Delay (atraso na primeira entrada), que é o tempo entre a primeira vez que um utilizador interage com uma página Web (por exemplo, clica num botão) e o momento em que o browser começa a processar essa interação. É principalmente afetado pelo JavaScript na página.

Formas de otimizar a FID

• Reduzir as tarefas da thread principal: Separar tarefas longas para reduzir o tempo gasto no bloqueio da thread principal.
• Otimizar a execução do JavaScriptReduzir e otimizar os ficheiros JavaScript, utilizar o carregamento assíncrono.
• Utilizar a cache do browserCache de recursos estáticos para reduzir o tempo de carregamento repetitivo.

Medição de FID

• talentosoMenos de ou igual a 100 milissegundos
• Necessidade de melhoriaMenos de ou igual a 300 milissegundos
• medíocreMais de 300 milissegundos

Impacto dos Core Web Vitals nas classificações de SEO

Desde junho de 2021, o Google tornou o Core Web Vitals um fator de classificação. Isto significa que a otimização destas métricas pode melhorar significativamente o desempenho de SEO. Os Core Web Vitals afectarão os resultados de pesquisa em dispositivos móveis e computadores, e os Web sites terão de atingir uma pontuação mínima de Core Web Vitality para serem apresentados em primeiro lugar em histórias e títulos populares.

Como utilizar o PageSpeed Insights para detetar Core Web Vitals

Utilizando o PageSpeed Insights, pode verificar a pontuação Core Web Vitals de um Web site. Aqui estão os passos exactos:

1. Abrir o PageSpeed Insights: AcessoSite oficial do PageSpeed Insights.
2. Introduza o URL e analise-oIntroduzir o URL da página a testar e clicar em "analisado"Botão.
3. Ver resultadosAs pontuações LCP e CLS são apresentadas como resultado do teste. O FID é baseado em dados reais do utilizador e pode não ser apresentado.

advertência

• Dados de campo e de laboratórioÉ normal que as pontuações possam variar ligeiramente entre os dados de campo e de laboratório.
• Testes para telemóveis e computadores de secretáriaTeste os resultados do telemóvel e do computador separadamente, uma vez que as pontuações serão diferentes entre os dois.

Como ver os relatórios Core Web Vitals de um site inteiro no Search Console

O relatório Core Web Vitals para todo o sítio Web pode ser visualizado na Consola de Pesquisa do Google. Este relatório baseia-se em dados reais do utilizador e é perfeito para identificar grupos de páginas que precisam de ser optimizadas.

1. Abrir a Consola de Pesquisa: Visite a Consola de Pesquisa do Google.
2. Ver relatório Core Web VitalsIndicação do estado (medíocre ou precisa de ser melhorado), tipo de indicador (por exemplo, problema de CLS) e grupo de URL no relatório.

3. Correcções de verificaçãoDepois de corrigir os URLs que precisam de ser melhorados, utilize "Correcções de verificação"Validação de opções.

Como melhorar a pontuação Core Web Vitals do seu site

As pontuações do Core Web Vitals estão intimamente relacionadas com a velocidade do sítio, aqui estão algumas sugestões para otimização:

1. Utilizar alojamento rápido e CDNsMelhorar a capacidade de resposta do servidor.
2. Otimizar o carregamento de imagens e recursosOtimizar imagens com plugins como o Smush Image Compression.
3. Reduzir o tamanho dos ficheiros JavaScript e CSSFusão e redução de ficheiros para reduzir os recursos de bloqueio de processamento.
4. Utilizar o Plugin de Cachecomo o WP Rocket para melhorar o desempenho do armazenamento em cache.
5. Testes e ajustes regularesUtilize o PageSpeed Insights e o GTmetrix para verificar regularmente o desempenho do sítio Web e efetuar ajustes atempados.

chegar a um veredito

Ao otimizar os Core Web Vitals, pode melhorar significativamente a velocidade de carregamento e a experiência do utilizador do seu sítio Web WordPress, o que resulta em melhores classificações e conversões de SEO. Quer se trate de LCP, FID ou CLS, estas métricas são fundamentais para medir o desempenho do sítio Web e a experiência do utilizador.