Thanks for tuning in to Google I/O! Watch content on-demand. web.dev Explore Core Web Vitals Stay organized with collections Save and categorize content based on your preferences. Core Web Vitals Essential metrics for a healthy site. Learn Core Web Vitals An initiative to provide unified guidance for quality signals that are essential to delivering a great user experience on the web. 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 Best practices UX patterns optimized for Core Web Vitals 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