M10 web optimization Flashcards

(33 cards)

1
Q

quantifies the experience of your site and identifies opportunities to improve

A

Web Vitals

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

initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.

A

Web Vitals

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

the subset if web vitals that apply to all web pages, should be measured by all site owners, and will surface across all google tools

A

core web vitals

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

three aspects of user experience the core web vitals focuses on currently

A
  1. loading
  2. interactivity
  3. visual stability
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

three core web vitals metrics

A
  1. largest contentful paint (LCP)
  2. Interaction to next paint (INP)
  3. cumulative layout shift (CLS)
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

metric that measures loading performance

A

largest contentful paint

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

LCP should occur within ___ seconds

A

2.5

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

metric that measures interactivity

A

interaction to next paint

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

pages should have an INP of ___ milliseconds or less

A

200

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

metric that measures visual stability

A

cumulative layout shift

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

pages should maintain a CLS of ___ or less

A

0.1

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

To ensure you’re hitting the recommended target for these metrics for most of your users, a good threshold to measure is the ____ of page loads, segmented across mobile and desktop devices.

A

75th percentile

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

core web vitals tools that asses compliance consider a page passing if it meets the recommended targets at the ___ for all three of the Core Web Vitals metrics.

A

75th percentile

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

lifecycle of the metrics

A
  1. experimental
  2. pending
  3. stable
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

are prospective Core Web Vitals that may still be undergoing significant changes depending on testing and community feedback.

A

experimental metrics

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

are future Core Web Vitals that have passed the testing and feedback stage and have a well-defined timeline to becoming stable.

A

pending metrics

17
Q

are the current set of Core Web Vitals that Chrome considers essential for great user experiences.

A

stable metrics

18
Q

its purpose it to:
See if the metric actually works for what it’s supposed to measure.

Understand the problem it’s trying to solve.

Fix or improve older metrics that didn’t do the job properly.

A

experimental phase

19
Q

metric developed to address the runtime performance issues more comprehensively than First Input Delay (FID)

A

Interaction to next paint

20
Q

intended to give flexibility in a metric’s development by identifying bugs and even exploring changes to its initial definition. It’s also the phase in which community feedback is most important.

A

experimental phase

21
Q

an experimental metric has received sufficient feedback and proven its efficacy, it becomes a __

A

pending metric

22
Q

Pending metrics are held in this phase for a minimum of ___ to give the ecosystem time to adapt.

23
Q

Community feedback remains an important aspect of this phase, as more developers begin to use the metric.

A

pending phase

24
Q

This is when the metric can become a Core Web Vital.

A

when a pending metric becomes a stable metric

25
Stable Core Web Vitals metrics won't change more than ___ per year.
once
26
collects anonymized, real user measurement data for each Core Web Vital. This data enables site owners to quickly assess their performance without requiring them to manually instrument analytics on their pages, and powers tools like Chrome DevTools, PageSpeed Insights, and Search Console's Core Web Vitals report.
chrome user experience report
27
how do you measure core web vitals in javascript? what do you use?
web-vitals JavaScript Library - made to avoid the complication of manually measuring them through APIs
28
the best way to test the performance of features during development—before they've been released to users. It's also the best way to catch performance regressions before they happen.
lab measurement
29
tools that can be used to measure the Core Web Vitals in a lab environment
Chrome DevTools Lighthouse (instead of INP, use TBT instead)
30
what do you call supporting metrics
proxy/ suppplemental metrics
31
metrics that supplement the loading experience and the diagnosis of issues with LCP
Time to First Byte(TTFB) First Contentful Paint (FCP)
32
metric that supplements in diagnosing potential interactivity issues
Total Blocking Time (TBT)
33