Assessing loading performance in the field with Navigation Timing and Resource Timing
Learn the basics of using the Navigation and Resource Timing APIs to assess loading performance in the field.
Blog
Our latest news, updates, and stories for developers
How Renault improved its bounce and conversion rates by measuring and optimizing Largest Contentful Paint
The team analyzed data from 10 million visits on its landing pages and found a strong correlation between Largest Contentful Paint and conversion rate.
Safe DOM manipulation with the Sanitizer API
The new Sanitizer API aims to build a robust processor for arbitrary strings to be safely inserted into a page.
Best practices for using third-party embeds
An overview of techniques to load popular third-party embeds efficiently.
How Swappie increased mobile revenue by 42% by focusing on Core Web Vitals
Finding correlation between site performance and business metrics was the key to driving the success of their optimization efforts.
How SPA architectures affect Core Web Vitals
Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations.
JavaScript eventing deep dive
preventDefault and stopPropagation: when to use which and what exactly each method does.
Bundling non-JavaScript resources
Learn how to import and bundle various types of assets from JavaScript.
Building a split-button component
A foundational overview of how to build an accessible split-button component.
Why lab and field data can be different (and what to do about it)
Learn why tools that monitor Core Web Vitals metrics may report different numbers, and how to interpret those differences.
Using CSS Module Scripts to import stylesheets
Learn how to use CSS module scripts to import CSS stylesheets using the same syntax as JavaScript modules.
Building a switch component
A foundational overview of how to build a responsive and accessible switch component.
CSS `accent-color`
Bring your brand color to built-in HTML form inputs with one line of code.
Core Web Vitals workflows with Google tools
Combine Google tools to audit, improve and monitor your website effectively.
User preference media features client hints headers
A set of client hint headers allows sites to obtain the user's media preferences optionally at request time, allowing servers to inline the right CSS for performance reasons.
2021 Scroll Survey Report
Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web.
Best practices for tags and tag managers
Optimize tags and tag managers for Core Web Vitals.
Compat 2021 mid-year update: Flex gap everywhere
Mid-year update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
How committing to Core Web Vitals increased Netzwelt's advertising revenues by 18%
The relaunched website also sees ad viewability of over 75%, bounce rates reduced by 50%, and page views up by 27%.
The performance effects of too much lazy loading
Data-driven advice for lazy loading images with Core Web Vitals in mind.
Building a breadcrumbs component
A foundational overview of how to build a responsive and accessible breadcrumbs component for users to navigate your site.
Using WebAssembly threads from C, C++ and Rust
Learn how to bring multithreaded applications written in other languages to WebAssembly.
Find your way with field data in the Web Vitals extension update
The Web Vitals extension now shows you where your local experiences are in relation to real user experiences in the field.
Towards a better responsiveness metric
Learn about our thoughts on measuring responsiveness and give us feedback.