Explore our structured learning paths to discover everything you need to know about building for the modern web.
Learn why and how other developers have used the web to create amazing web experiences for their users.
Improving Core Web Vitals on the Mail.ru home page resulted in an average 10% increase in conversion rates
Several months of work to improve Core Web Vitals on the home page of Mail.ru resulted in a 60% increase in the 75th percentile in Cumulative Layout Shift (CLS), boosting average session time by 2.7% and conversion rates of core sections by more than 10%.
How Renault improved its bounce and conversion rates by measuring and optimizing Largest Contentful Paint
This post explains how Renault and its global data partner fifty-five approached measuring and optimizing the Core Web Vitals. The team analyzed data from 10 million visits on its landing pages, found a strong correlation between Largest Contentful Paint and conversions, and doubled up on its optimization effort. We will look at these data points and understand how the teams have organized for optimizations.
A collection of code snippets to help you optmize your web projects.
A collection of layout patterns built using modern CSS APIs that will help you build common interfaces such as cards, dynamic grid areas, and full-page layouts.
Web Vitals patterns
A collection of common UX patterns optimized for Core Web Vitals. This collection includes patterns that are often tricky to implement without hurting your Core Web Vitals scores. You can use the code in these examples to help ensure your projects stay on the right track.
Podcasts and Shows
Level up your web development skills by listening to podcasts from Google Developers
Designing in the browser
Designing in the Browser explores the intersection of design and front-end development, teaching you how to build beautiful UIs with modern web standards in mind.
The CSS Podcast
Cascading Style Sheets (CSS) is the web’s core styling language. For web developers, It’s one of the quickest technologies to get started.