Measure performance with PageSpeed Insights
PageSpeed Insights is a tool for measuring the performance and Core Web Vitals of a page with lab and field data.
Let's build the future of the web, together
Take advantage of the latest modern technologies to build amazing web experiences for everyone.
Learn moreFeatured courses
Explore our structured learning paths to discover everything you need to know about building for the modern web.
Case studies
Learn why and how other developers have used the web to create amazing web experiences for their users.
How Rakuten 24's investment in Core Web Vitals increased revenue per visitor by 53.37% and conversion rate by 33.13%
By measuring real users' Web Vitals, Rakuten 24 also found that a good Largest Contentful Paint (LCP) can lead to a conversion rate increase of 61.13%.
How GoDaddy's Websites + Marketing service improved customer Core Web Vitals by 75%
A case study of changes GoDaddy implemented to improve website performance for millions of sites, helping them to achieve good PageSpeed Insights and Core Web Vitals scores.
Animation patterns
A collection of animation techniques built using CSS or JavaScript with considerations for accessibility and user preferences.
Component patterns
A collection of cross browser UI components for use in accelerating or inspiring your own design systems.
Layout patterns
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.
Theming patterns
A collection of techniques to assist in managing color throughout your projects.
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
Show
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.
Podcast
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.