{"id":16835,"date":"2021-07-20T10:31:32","date_gmt":"2021-07-20T13:31:32","guid":{"rendered":"https:\/\/webapp337590.ip-50-116-25-193.cloudezapp.io\/blog\/?p=16835"},"modified":"2023-03-15T11:04:03","modified_gmt":"2023-03-15T14:04:03","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/sitebemfeito.com.br\/blog\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: Como Funciona a Ferramenta do Google"},"content":{"rendered":"

Certamente, quem trabalha com sites e desenvolvimento precisa conhecer urgente o Core Web Vitals.<\/i><\/p>\n

Afinal, voc\u00ea sabe que a otimiza\u00e7\u00e3o \u00e9 fundamental para garantir uma boa experi\u00eancia aos visitantes.<\/p>\n

Este mecanismo nativo do Google<\/a> consegue te ajudar a identificar oportunidades de aperfei\u00e7oar o portal da sua marca.<\/p>\n

Dessa forma, voc\u00ea pode conquistar um excelente posicionamento no buscador mais eficiente da internet.<\/p>\n

Abaixo, reunimos as principais informa\u00e7\u00f5es e as dicas mais eficientes sobre este recurso.<\/p>\n

Leia tamb\u00e9m:<\/i><\/h5>\n
SEO: como melhorar o posicionamento do meu site no Google<\/i><\/a><\/h5>\n
A import\u00e2ncia de ter um site r\u00e1pido<\/i><\/a><\/h5>\n

O que \u00e9 o Core Web Vitals<\/i>?<\/h2>\n

\"o<\/p>\n

Para o Google, a experi\u00eancia do usu\u00e1rio \u00e9 um dos fatores mais decisivos para definir a ordem do posicionamento dos sites.<\/p>\n

Portanto, a plataforma tem realizado uma s\u00e9rie de mudan\u00e7as para que as p\u00e1ginas ofere\u00e7am aos internautas uma navega\u00e7\u00e3o de qualidade.<\/p>\n

Resumidamente, a nova vers\u00e3o desta ferramenta consiste em um conjunto de m\u00e9tricas que apresentam poss\u00edveis ind\u00edcios de otimiza\u00e7\u00e3o.<\/p>\n

Ou seja, ela ajuda a reconhecer o que talvez interfira no desempenho do seu portal.<\/p>\n

Com os dados coletados, os desenvolvedores conseguem entender a performance e aplicar as melhorias necess\u00e1rias.<\/i><\/p><\/blockquote>\n

Al\u00e9m disso, a primeira edi\u00e7\u00e3o se tornou t\u00e3o popular devido aos seus resultados impressionantes que ganhou a atualiza\u00e7\u00e3o mais recente. Por sua vez, esta foi anunciada como \u201ca chave do sucesso para qualquer p\u00e1gina a longo prazo\u201d.<\/p>\n

Quais m\u00e9tricas comp\u00f5em o Core Web Vitals<\/i>?<\/h2>\n

Basicamente, as mais relevantes envolvem as 3 principais condi\u00e7\u00f5es da experi\u00eancia dos visitantes: carregamento, interatividade e estabilidade visual. Ent\u00e3o, a partir destes indicadores, o Core Web Vitals<\/i><\/b> gera uma pontua\u00e7\u00e3o espec\u00edfica para o site.<\/p>\n

Abaixo, falaremos sobre cada uma delas com mais detalhes.<\/p>\n

Largest Contentful Paint (LCP)<\/i><\/h3>\n

Este par\u00e2metro se refere ao intervalo de tempo entre o in\u00edcio do carregamento do primeiro elemento da p\u00e1gina at\u00e9 o \u00faltimo. Normalmente, isso pode levar entre 1,3 e 8 segundos.<\/p>\n

No entanto, para oferecer uma boa experi\u00eancia aos usu\u00e1rios, os portais devem garantir uma abertura nos primeiros 2,5 segundos.<\/p>\n

First Input Delay (FID)<\/i><\/h3>\n

No Core Web Vitals<\/i><\/b>, <\/i><\/b>a FID \u00e9 medida pelo tempo que uma p\u00e1gina leva para ficar pronta para uso. Ou seja, o quanto ela demora para responder aos cliques.<\/p>\n

Al\u00e9m disso, ela tamb\u00e9m qualifica a experi\u00eancia do usu\u00e1rio ao interagir com componentes internos.<\/p>\n

Para garantir bons resultados, o site deve atrasar no m\u00e1ximo 100 mil\u00e9simos entre o primeiro clique e o carregamento total.<\/p>\n

Cumulative Layout Shift (CLS)<\/i><\/h3>\n

Aqui, mede-se a estabilidade visual e a frequ\u00eancia com que os visitantes interagem com as mudan\u00e7as de um layout<\/i>.<\/p>\n

Nesse caso, a pontua\u00e7\u00e3o \u00e9 calculada quando um elemento que est\u00e1 vis\u00edvel se altera entre dois quadros e renderiza. Isso porque essa quest\u00e3o pode prejudicar a navega\u00e7\u00e3o do internauta.<\/p>\n

Para isso, o site deve apresentar uma pontua\u00e7\u00e3o menor do que 0,1.<\/p>\n

Como se preparar para a nova vers\u00e3o?<\/h2>\n

Desde o an\u00fancio das m\u00e9tricas focadas em experi\u00eancia do usu\u00e1rio, o Google entregou mudan\u00e7as em diversas ferramentas internas de apoio.<\/p>\n

Ent\u00e3o, listamos outras 3 plataformas que podem ajudar na sua an\u00e1lise.<\/p>\n

Google PageSpeed<\/i><\/h3>\n

Este recurso permite acompanhar o andamento dos n\u00fameros do Core Web Vitals<\/i><\/b> considerando usu\u00e1rios reais do pr\u00f3prio navegador Google Chrome<\/em>.<\/p>\n

Al\u00e9m disso, ele disponibiliza v\u00e1rias sugest\u00f5es personalizadas de otimiza\u00e7\u00f5es de acordo com resultados das avalia\u00e7\u00f5es.<\/p>\n

Ele \u00e9 um mecanismo excelente para produzir relat\u00f3rios completos e confi\u00e1veis, uma vez que a fonte \u00e9 o pr\u00f3prio Google.<\/i><\/p><\/blockquote>\n

WebPageTest<\/i><\/h3>\n

Esta ferramenta de performance<\/i> possibilita realizar uma an\u00e1lise de diversas m\u00e9tricas de carregamento, renderiza\u00e7\u00e3o e seguran\u00e7a dos sites.<\/p>\n

Inclusive, voc\u00ea vai conseguir fazer testes em diferentes navegadores e dispositivos m\u00f3veis. Dessa forma, obter\u00e1 um diagn\u00f3stico profundo e qualificado.<\/p>\n

Google Search Console<\/i><\/h3>\n

Essa plataforma fornece informa\u00e7\u00f5es sobre o desempenho de todas as p\u00e1ginas do portal e relat\u00f3rios sobre outras an\u00e1lises de SEO.<\/p>\n

Dispositivos m\u00f3veis<\/h3>\n

Enfim, ainda \u00e9 fundamental considerar a performance<\/i> do seu site nestes aparelhos.<\/p>\n

Isso porque o Google tamb\u00e9m leva em considera\u00e7\u00e3o como ele se comporta em outros equipamentos, se \u00e9 responsivo, adequado etc.<\/p>\n

Conclus\u00e3o<\/h2>\n

Agora que voc\u00ea sabe tudo sobre o Core Web Vitals,<\/i> \u00e9 hora de dar aquele check<\/i> no funcionamento do portal.<\/p>\n

Dessa forma, voc\u00ea garante que as p\u00e1ginas estejam atingindo o m\u00ednimo necess\u00e1rio nas pontua\u00e7\u00f5es de LCP, CLS e FID.<\/p>\n

Consequentemente, vai oferecer uma boa experi\u00eancia ao usu\u00e1rio e poder\u00e1 alcan\u00e7ar \u00f3timos resultados a longo prazo.<\/p>\n","protected":false},"excerpt":{"rendered":"

Certamente, quem trabalha com sites e desenvolvimento precisa conhecer urgente o Core Web Vitals.<\/p>\n","protected":false},"author":1,"featured_media":17263,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-16835","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-analytics"},"_links":{"self":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts\/16835","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/comments?post=16835"}],"version-history":[{"count":0,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/posts\/16835\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/media\/17263"}],"wp:attachment":[{"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/media?parent=16835"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/categories?post=16835"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sitebemfeito.com.br\/blog\/wp-json\/wp\/v2\/tags?post=16835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}