Keeping third-party scripts under control
Before optimizing third party tags, make sure that these scripts are still needed on your site.
Blog
Our latest news, updates, and stories for developers
Fill OTP forms within cross-origin iframes with WebOTP API
WebOTP API can now receive OTPs from within iframes.
Breaking down barriers using the DataTransfer API
Enable the user to share data beyond the browser window.
Building split text animations
A foundational overview of how to build split letter and word animations.
Take the 2021 scroll survey to help improve scrolling on the web
An introduction to the 2021 Scroll Survey from the Chrome team
How Zalando reduced performance feedback time from 1 day to 15 minutes with Lighthouse CI
The web team at Zalando found that integrating Lighthouse CI enabled a proactive approach to performance, with automated status checks able to compare the current commit to the main branch to prevent performance regressions.
Evolving the CLS metric
Plans for improving the CLS metric to be more fair to long-lived pages.
Debug performance in the field
Learn how to attribute your performance data with debug information to help you identify and fix real-user issues with analytics
Best practices for cookie notices
Optimize cookie notices for performance and usability.
What is FLoC?
FLoC enables ad selection without sharing the browsing behaviour of individual users.
Lowe's website is among fastest performing e-commerce websites
By building an automated performance testing and monitoring system, the Lowe's Site Speed Team test pull requests against performance budgets, and prevent performance regressions going into production.
Compat 2021: Eliminating five top compatibility pain points on the web
Google is working with other browser vendors and industry partners to fix the top five browser compatibility pain points for web developers: CSS flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.
Vodafone: A 31% improvement in LCP increased sales by 8%
By running an A/B test specifically focused on optimizing Web Vitals, Vodafone found that a 31% improvement in LCP led to 8% more sales, a 15% improvement in their lead to visit rate, and a 11% improvement in their cart to visit rate.
Building a Settings component
A foundational overview of how to build a settings component of sliders and checkboxes.
Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)
How to deploy a CSP based on script nonces or hashes as a defense-in-depth against cross-site scripting.
Debug layout shifts
Learn how to identify and fix layout shifts.
How Wix improved website performance by evolving their infrastructure
A case study of some major changes introduced at Wix to improve website loading performance for millions of sites, clearing the path for them to receive good PageSpeed Insights and Core Web Vitals scores.
How CLS optimizations increased Yahoo! JAPAN News's page views per session by 15%
Optimizing CLS by 0.2 led to a 15% increase in page views per session, 13% longer session durations, and a 1.72 percentage point decrease in bounce rate.
JavaScript: What is the meaning of this?
Figuring out the value of this can be tricky in JavaScript, here's how to do it…
Agrofy: A 70% improvement in LCP correlated to a 76% reduction in load abandonment
By using real user monitoring tools and focusing on improving Core Web Vitals in refactoring their app, they also improved CLS by 72%, as well as application responsiveness.
Tabbed application mode for PWAs
Work on more than one document at a time with tabs in your Progressive Web App
Streams—The definitive guide
Learn how to use readable, writable, and transform streams with the Streams API.
Building a Tabs component
A foundational overview of how to build a tabs component similar to those found in iOS and Android apps.