Saltar para o conteúdo principal
Aceder ao painel de controlo
Não sabe ao certo por onde começar? Responda a um breve questionário para receber recomendações personalizadas.
Aula 3 de 5
Keep visitors engaged with Core Web Vitals
Mantenha os visitantes envolvidos
Keep visitors engaged with recirculation (4:59)
Keep visitors engaged with web videos (9:52)
Crie apps de notícias com o Flutter (7:18)
0% concluído
5 minutos para concluir

Keep visitors engaged with Core Web Vitals


Build a quality user experience on your news site


What is Core Web Vitals?

GNI_Data_Presentation (1)

Web Vitals is an initiative by Google to provide unified guidance of what is essential for a great user experience on the web.

Core Web Vitals are three metrics from Web Vitals. When a site meets Core Web Vitals, research showed that people were 24% less likely to abandon the page.

Core Web Vitals focuses on

  • Loading
  • Interactivity
  • Visual Stability
GNI_Data_Presentation (1)

Get started with measuring Core Web Vitals


Collecting data is the first step towards improving your Core Web Vitals.

  • PageSpeed Insights measures and reports on the user experience of a page on both mobile and desktop devices, and provides suggestions on how to improve your pages.

  • Search Console measures and reports on how your pages meet Core Web Vitals, based on how your audience uses your site

  • Web Vitals Chrome Extension measures and reports Core Web Vitals performance in real time for any page, and is best for developers

💡Best practice: Share suggestions from any of these tools with your developer.




Fast loading times reassure your audience that the page is useful.

  • 50% of people leave a site if it takes more than 3 seconds to load
  • 47% expect web pages to load in under 2 seconds
  • 52% say load time plays a role in how loyal they are to a brand

Loading is measured by Largest Contentful Paint (LCP), which is how long it takes to display the largest image or text block.

To meet Core Web Vitals, 75% of your pages should load in 2.5 seconds or fewer.

💡Best practices

  • Enable lazy loading
  • Use videos instead of large GIFs
  • Remove unused code



While Loading measures how fast your site displays content, Interactivity measures how responsive your site is when your audience tries to select an article or take another action.

Interactivity is measured by First Input Delay (FID), which is how long it takes from when someone clicks a link or button to when your site begins processing their action.

To meet Core Web Vitals, 75% of your pages should take 0.1 seconds or fewer to start processing a click.

💡Best practices

  • Enable lazy loading, which splits code into smaller tasks
  • Load code needed for the page first
  • Reduce code that fetches data

Visual Stability


Have you ever started reading an article, and before finishing a sentence, the text moves and you lose your place?

Most of the time it’s just annoying, but sometimes, it can cause real damage.

Visual Stability is measured by Cumulative Layout Shift (CLS), the highest number of content shifts that happen at once.

To meet Core Web Vitals, 75% of your pages should score 0.1 or less.

💡Best practices

  • Set the aspect ratios or dimensions for images and videos
  • Choose the most likely ad size based on previous ads

Avoid ads that display at the very top of a page

Como classifica esta aula?
O seu feedback vai ajudar-nos a melhorar continuamente as nossas aulas!
What does Core Web Vitals focus on?
checklist (8)
Questionário concluído
Parabéns! Terminou Keep visitors engaged with Core Web Vitals
Rever aula e tentar novamente
in progress
Recommended for you
Sair e perder o progresso?
Se sair desta página, perde todo o progresso da sua aula atual. Quer mesmo continuar e perder o seu progresso?