Core Web Vitals
Core Web Vitals é o nome das métricas criadas pela Google para medir a experiência do user nos sites.
A experiência da página é uma combinação de factores que o Google considera importantes para a experiência do utilizador, incluindo:
HTTPS
Mobile-Friendly
Ausência de pop ups intersticiais
"Navegação segura" (basicamente, não ter malware nas páginas)
Em 2021 acrescentou as 3 Core Web Vitals são:
Largest Contentful Paint (LCP),
First Input Delay (FID),
Cumulative Layout Shift (CLS),
Estas avaliam velocidade, interatividade e estabilidade visual, respectivamente. As 3 novas métricas contibuem em cerca de 45% para o ranking do website nos motores de pesquisa.
O (LCP) considera o tempo necessário para que o seu conteúdo principal apareça aos visitantes. Mede a rapidez com que os maiores elementos, tais como as suas imagens e vídeos, demoram a carregar.
O (FID) é a métrica que analisa o tempo que o navegador de um utilizador demora a dar respostas nas suas páginas web quando os utilizadores interagem com elas pela primeira vez.
O (CLS) mede o tempo que leva para que a sua página web se torne visualmente estável. Nem todos os elementos do website são carregados ao mesmo tempo, e alguns podem mover-se durante o processo de carregamento. O CLS avalia se existem elementos no ecrã que possam interromper ou impedir os visitantes de consumir o conteúdo.
Estas métricas podem ser avaliadas diretamente na Google Search Console, a qual dará uma pontuação para cada um dos Core Web Vitals de "Good", "Needs Improvement" ou "Poor".
Este link é um guia para o publisher saber como utilizar a Google Search Console, a partir da qual consegue optimizar o site.
Seguem também algumas sugestões de como optimizar cada uma das métricas novas:
Como melhorar o LCP (Guia: https://web.dev/optimize-lcp/)
O LCP é afetado principalmente por servidores com tempo de resposta lento, Javascript e CSS de bloqueio de renderização, recursos com tempo de carregamento lento e a pela renderização “client-side”.
Algumas ações podem otimizar o tempo de resposta do servidor:
Otimizar servidor;
Utilizar CDN;
Ativar a cache;
Usar Service Worker para páginas HTML “cache-first”;
Antecipar conexões de terceiros;
Minimizar e adiar JavaScript e CSS que não são críticos para a página.
Como otimizar o FID (Guia https://web.dev/optimize-fid/)
Geralmente temos um FID lento por execuções pesadas de JavaScript. Assim, ao otimizar como o JavaScript analisa, compila e executa na página terá impacto positivo direto no FID.
Algumas ações que podem reduzir o FID das páginas:
Dividir Javascript pesados em tarefas menores e assíncronas;
Otimizar as página para interaction readiness;
Usar um web worker;
Reduzir o tempo de execução do JavaScript.
Como otimizar o CLS (Guia: https://web.dev/optimize-cls/)
Em geral, o aumento no CLS é causado por recursos como imagens, iframes e anúncios sem dimensões pré-definidas, conteúdo incluído de forma dinâmica e problemas no carregamento das fontes.
Algumas ações que podem reduzir o CLS das páginas:
Incluir atributos de width e height para imagens e vídeos;
Reservar espaços para anúncios e conteúdo dinâmico;
Usar uma API de carregamento de fontes pode reduzir seu tempo de carregamento.