Core Web Vitals Flashcards

1
Q

What are the metrics that make up Core Web Vitals?

A
  1. Largest Contentful Paint (LCP)
  2. First Input Delay (FID)
  3. First Contentful Paint (FCP)
  4. Cumulative Layout Shift (CLS)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What are the browser rendering steps?

A
  1. Connect to website server
  2. Download HTML
  3. Begin rendering page - “Painting”
  4. Download CSS, JS, images and fonts
  5. Execute JS, apply CSS
  6. Construct the DOM
  7. Execute remaining JS
  8. Page completes rendering
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

What does LCP stand for?

A

Largest Contentful Paint

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

What is Largest Contentful Paint?

A

Measures loading performance. For a Good UX, it should occur within 2.5 seconds of when the page first starts loading.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How do you go about improving Largest Contentful Paint?

A

1) Critical CSS and Asynchronous Asset Loading
2) Optimizing images
3) Reducing server response time

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is First Input Delay (FID)?

A

Measures interactivity. A good user experience will have an FID of less than 100 milliseconds. This will be replaced by Interaction to Next Paint in March 2024.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is Cumulative Layout Shift (CLS)?

A

Measures visual stability. A good user experi

How well did you know this?
1
Not at all
2
3
4
5
Perfectly