Tweet
Tweet

Slide 1

Slide 1 text

Web Vitals Wataru Taguchi

Slide 2

Slide 2 text

How do you measure the speed of your site?

Slide 3

Slide 3 text

Too Many Tools ● Lighthouse ● Chrome Dev Tools ● PageSpeed Insights ● Search Console’s Speed Report

Slide 4

Slide 4 text

Web Vitals

Slide 5

Slide 5 text

Core Web Vitals ● Largest Contentful Paint ● First Input Delay ● Cumulative Layout Shift

Slide 6

Slide 6 text

measures loading performance

Slide 7

Slide 7 text

measures Interactivity

Slide 8

Slide 8 text

measures visual stability

Slide 9

Slide 9 text

Measure Core Web Vitals

Slide 10

Slide 10 text

Measure Core Web Vitals in JavaScript

Slide 11

Slide 11 text

Web Vitals Chrome Extension https://github.com/GoogleChrome/web-vitals-extension

Slide 12

Slide 12 text

Thank ! https://web.dev/vitals/ https://developers-jp.googleblog.com/2020/05/web-vitals.html