Google Chrome Developers

Switch on/off English subtitles by clicking on the CC icon. This video introduces Core Web Vitals, which are essential metrics to measure the health of a site.

Switch on/off English subtitles by clicking on the CC icon.

Jake and Surma tackle one of the hardest types of debugging on the web: Memory leaks.

Get started with Trust Tokens → goo.gle/3DN4HqZ Trust Tokens is a new API to help combat fraud and distinguish bots from real humans, without passive tracking.

Jake and Surma are going back to the studio for this brand new season of HTTP 203. New season starting next Tuesday, 8/3!

Switch on/off English subtitles by clicking on the CC icon.

New to DevTools in Chrome 92: What’s new in DevTools (Chrome 92) → goo.gle/2TeLSJ1 Tweet us → goo.gle/38mi9Ay What’s New in DevTools → goo.gle/2MeR5Kx Subscribe to

Switch on/off English subtitles by clicking on the CC icon. Cumulative Layout Shift (CLS) is a user-center metric that quantifies the degree of visual stability in a web page.

In today's GUI challenge, we're building a breadcrumbs component.. with a twist!

Switch on/off English subtitles by clicking on the CC icon.

Switch on/off English subtitles by clicking on the CC icon. Cookies are everywhere.

Switch on/off English subtitles by clicking on the CC icon. Core Web Vitals are meant to measure user experience of actual real-world users during page load.

Jake & Surma go through the top 9 + 1 performance issues Jake saw while analyzing a bunch of web sites. Who has the fastest F1 website?

Switch on/off English subtitles by clicking on the CC icon.

Switch on/off English subtitles by clicking on the CC icon.

In today’s GUI challenge, we’re building dark, light and dim color schemes with HSL. The CSS works across modern browsers, establishes foundational architecture for more themes, and is accessible.

You know GZIP right? It’s everywhere on the web to reduce the number of bytes going over the wire. In this episode, Surma is giving you a quickstart on how it works.

How does the install flow work for Progressive Web Apps? How can you provide your own in-app install experience? How do you measure the effectiveness of your install?

Can a web page be a musical instrument? Using the Web Audio API, it can!

Learn what Angular DevTools is and how to use it to preview your application and profile its performance.

In this episode, Jake (that's him on the left) and Surma (that's the other one) chat about how the different image formats load, and what you can do to make them feel faster.

Chrome 91 is rolling out now. Web apps that interact with files, can now suggest file names and directories when using the file system access API. Plus, you can now read files from the clipboard.

To watch this episode in English visit → goo.gle/3eLof2N New to DevTools in Chrome 91: What’s new in DevTools (Chrome 91) → goo.gle/3eLof2N Memory inspector

New to DevTools in Chrome 91: What’s new in DevTools (Chrome 91) → goo.gle/3eLof2N Memory inspector → goo.gle/349mLZY You’re not seeing double!

How do I build performant web apps from the beginning of my process? What can I do to improve the performance of existing apps? Is Wasm the superhero of web performance?

In this Workshop, we cover a number of Project Fugu’s APIs. We show developers an absolute baseline MVP example for each API that gives an overview of each use case.

Chrome's making progress towards building a more private web by default and that's bringing an array of changes to the browser and proposals for the web platform.

In this interactive Workshop, you learn how to develop your first Angular application using the powerful command line input (CLI).

We answer all of the outstanding questions about Web Vitals from the engineers and product managers of Chrome and Search leading the initiative in this Ask Me Anything (AMA) Session.

Want to learn more about Progressive Web Apps (PWA) or have questions about the new web capabilities that are part of Project Fugu?