Core Web Vitals

Overview

• Web Vitals

• The business impact of Core Web Vitals

• Optimizing Core Web Vitals for business decision makers

Core Web Vitals Metrics

• Largest Contentful Paint (LCP)

• Cumulative Layout Shift (CLS)

• Interaction to Next Paint (INP)

• Defining the Core Web Vitals metrics thresholds

Measure Core Web Vitals

• Getting started with measuring Web Vitals

• Core Web Vitals workflows with Google tools

• Best practices for measuring Web Vitals in the field

• Why is CrUX data different from my RUM data?

Debug Core Web Vitals

• Why lab and field data can be different (and what to do about it)

• Debug layout shifts

• Debug performance in the field

Improve Core Web Vitals

• Optimize Largest Contentful Paint

• Optimize Cumulative Layout Shift

• Optimize Interaction to Next Paint

• The most effective ways to improve Core Web Vitals

Best practices

• Best practices for carousels

• Best practices for cookie notices

• Best practices for fonts

• Best practices for tags and tag managers

• Best practices for using third-party embeds

• Infinite scroll without layout shifts

• CSS for Web Vitals