{"id":2680,"date":"2022-03-11T18:57:51","date_gmt":"2022-03-11T17:57:51","guid":{"rendered":"https:\/\/spagenciaseo.com\/o-que-sao-as-core-web-vitals-do-google\/"},"modified":"2022-03-11T18:57:55","modified_gmt":"2022-03-11T17:57:55","slug":"o-que-sao-as-core-web-vitals-do-google","status":"publish","type":"post","link":"https:\/\/spagenciaseo.com\/pt-pt\/o-que-sao-as-core-web-vitals-do-google\/","title":{"rendered":"O que s\u00e3o as core web vitals do Google?"},"content":{"rendered":"\n
Ao conceber um website, a maioria das pessoas concentra-se somente na estrutura do conte\u00fado e no apelo visual do website. Isto n\u00e3o \u00e9 mau se n\u00e3o ignorar outros aspetos como a velocidade do seu website ou a popularidade do mesmo (backlinks).<\/p>\n\n
Neste artigo vamos analisar uma das m\u00e9tricas mais importantes que o Google usa para avaliar um website: a sua velocidade de carregamento. <\/p>\n\n
\n\n
O que s\u00e3o Core Web Vitals e em que se baseiam<\/h2>\n\n
Para avaliar a qualidade do desempenho de um website, a Google criou 3 m\u00e9tricas normalizadas e mais ou menos independentes que lhe permitem avaliar a qualidade da velocidade de descarga do website a partir de diferentes pontos de vista:<\/p>\n\n
LCP ou Largest Contentful Paint<\/li>
FID ou First Input Delay<\/li>
CLS ou Cumulative Layout Shift<\/li><\/ul>\n\n
Porqu\u00ea criar 3 m\u00e9tricas em vez de uma para medir a velocidade de carregamento? Bem, porque por mais r\u00e1pido que um website carregue, pode n\u00e3o carregar de forma otimizada (e isto \u00e9 muito importante para o utilizador). <\/p>\n\n
Pontua\u00e7\u00e3o de LCP, FCP y CLS para este website<\/figcaption><\/figure><\/div>\n\n
Vamos estudar estas 3 m\u00e9tricas uma a uma para que compreenda em que consistem e como pode aumentar a qualidade de cada elemento.<\/p>\n\n
LCP (Largest Contentful Paint)<\/h3>\n\n
<\/figure><\/div>\n\n
Esse indicador conhecido como “Processamento de imagem com maior conte\u00fado<\/em>” \u00e9 respons\u00e1vel por medir em quanto tempo um website carrega<\/strong> com base no seu maior elemento. O Google regista o tempo de carregamento visual do elemento com maior peso em quest\u00e3o de Bytes.<\/p>\n\n
Este indicador permite aproximar o tempo m\u00e1ximo de carregamento do website. Isto porque, em princ\u00edpio, quando o elemento mais pesado do website \u00e9 carregado, os restantes componentes do website j\u00e1 deviam ser exibidos no ecr\u00e3. No entanto, como veremos, isso \u00e0s vezes n\u00e3o ocorre.<\/p>\n\n
O recomendado pela Google \u00e9 um tempo de carregamento n\u00e3o superior a 2,5 segundos de LCP para um bom carregamento.<\/li>
Uma carregamento com uma pontua\u00e7\u00e3o mediana, deve ser inferior a 4 segundos.<\/li>
Se a pontua\u00e7\u00e3o de velocidade for superior a isso, o Google considera o tempo de carregamento como pobre.<\/li><\/ul>\n\n
FID (First Input Delay)<\/h3>\n\n
<\/figure><\/div>\n\n
A m\u00e9trica (First Input Delay) realiza a medi\u00e7\u00e3o da interatividade. Ou seja, mede a rapidez com que o operador interage com a p\u00e1gina. Esta m\u00e9trica mede o tempo de resposta da p\u00e1gina, ou seja, quando a p\u00e1gina est\u00e1 pronta para que o utilizador realize a primeira intera\u00e7\u00e3o.<\/p>\n\n
Tal como a m\u00e9trica anterior, esta mede a resposta visual do conte\u00fado e n\u00e3o o tempo de carregamento. Por outras palavras: esta m\u00e9trica avalia a navegabilidade do seu website.<\/p>\n\n
O FID tem tr\u00eas classifica\u00e7\u00f5es dadas pelo Google:<\/p>\n\n
a primeira \u00e9 boa se o carregamento for menor que 100 milisegundos.<\/li>
No caso de ser superior a 100 milisegundos e inferior a 300 milisegundos, qualifica-se como “requer melhoramento”.<\/li>
No caso de exceder os 300 milissegundos, \u00e9 considerado um mau desempenho.<\/li><\/ul>\n\n
CLS (Cumulative Layout Shift)<\/h3>\n\n
<\/figure><\/div>\n\n
A m\u00e9trica (Cumulative Layout Shift) mede as altera\u00e7\u00f5es que o website faz enquanto est\u00e1 a carregar<\/strong>. \u00c9 comum que efeitos Javascript ou CSS adicionados criem esses efeitos no carregamento. O Google pode regist\u00e1-los e detalhar quanto tempo demoram a completar dentro do website.<\/p>\n\n
Os layout shifts<\/em> s\u00e3o entendidos como altera\u00e7\u00f5es na forma ou tamanho dos elementos da p\u00e1gina enquanto a p\u00e1gina ainda est\u00e1 a carregar.<\/p><\/blockquote>\n\n
Nota: O Google n\u00e3o gosta de layout shifts<\/em>, pois s\u00e3o prejudiciais para a experi\u00eancia do utilizador da p\u00e1gina.<\/strong><\/p>\n\n
O Google pode n\u00e3o s\u00f3 registar o tempo que demoram as mudan\u00e7as, mas tamb\u00e9m a frequ\u00eancia com que estas ocorrem no seu website. <\/p>\n\n
O Google avalia este par\u00e2metro e estabelece que at\u00e9 0,1 \u00e9 um valor \u00f3ptimo.<\/li>
Caso esteja entre este valor e 0,25, estar\u00e1 num intervalo que precisa de ser melhorado.<\/li>
No pior dos casos estar\u00e1 acima de 0,25, neste caso ter\u00e1 uma m\u00e1 classifica\u00e7\u00e3o. Se for este o caso, \u00e9 recomend\u00e1vel que reveja o seu website e optimize os efeitos e o conte\u00fado do mesmo.<\/li><\/ul>\n\n\n\n
Ferramentas para avaliar a velocidade do seu website<\/h2>\n\n
Tem um website mais lento do que um caracol?<\/figcaption><\/figure><\/div>\n\n
Pode utilizar diversas ferramentas para avaliar a velocidade de carregamento do seu website. A mais l\u00f3gica para qualquer SEO \u00e9 a Google Search Console, j\u00e1 que (al\u00e9m de ver como o website responde organicamente) desde h\u00e1 algum tempo que tem uma sec\u00e7\u00e3o integrada que indica quais as p\u00e1ginas do website que s\u00e3o lentas e precisam de ser optimizadas. <\/p>\n\nM\u00e9tricas de velocidade GSC<\/figcaption><\/figure>\n\n
Outras ferramentas conhecidas para avaliar a velocidade de um website s\u00e3o:<\/p>\n\n
![\"Pontuação](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/10\/Core-Web-Vitals-segun-Page-Speed-Insights.jpg\")
![\"LCP](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/10\/Google-Core-Web-Vitals-LCP.jpg\")
<\/figure><\/div>\n\n![\"FID](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/10\/Google-Core-Web-Vitals-FID.jpg\")
<\/figure><\/div>\n\n![\"CLS](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/10\/Google-Core-Web-Vitals-CLS.jpg\")
<\/figure><\/div>\n\n![\"caracol](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/10\/Caracol-web-lenta.jpg\")
![\"Métricas](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2022\/01\/Metricas-web-Google-Search-Console-1024x441.jpg\")
![\"velocímetro\"](\"https:\/\/spagenciaseo.com\/wp-content\/uploads\/2021\/09\/Velocidad-de-sitio-web.jpg\")