DevTools: State of the Union 2022

6 096
10.3
Next
53 days – 117 11118:54
State of CSS
Popular
Published on 12 May 2022, 18:11
See a demo tour of new DevTools features that allow web developers to generate site performance insights, automate user flows, debug design issues, and more.

00:00 Introduction
00:38 Design
06:19 Accessibility
08:44 Debugging
12:50 WebAssembly (WASM)
14:16 Performance insights
20:38 Automation - User flow Recorder
23:09 User flows transformation - Puppeteer Replay

Resources:
Identify potential performance improvements with the Performance Insights panel → goo.gle/devtools-performance
Record, replay, and measure user flows → goo.gle/devtools-recorder
Identify potential CSS improvements → goo.gle/css-overview
Grid debugging tools → goo.gle/devtools-grid
Full page accessibility tree → goo.gle/accessibility-tree
Debugging WebAssembly Faster → goo.gle/faster-wasm-debugging
Performance Insights panel → goo.gle/devtools-performance
User flow Recorder → goo.gle/devtools-recorder
Puppeteer Replay → goo.gle/puppeteer-replay

Speaker: Jecelyn Yeen

Watch more:
All Google I/O 2022 Sessions → goo.gle/IO22_AllSessions
Web at I/O 2022 playlist → goo.gle/IO22_Web
All Google I/O 2022 technical sessions → goo.gle/IO22_Sessions

Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#GoogleIO
Random videos
177 days – 16 6660:24
Dance with Cyberdog!🐶
15.11.19 – 33 3483:18
Nvidia Dgx Superpod
15.03.19 – 1 215 4135:12
The Most ANNOYING Windows Feature
08.04.10 – 5 3631:02
Which games do you play?
autotechmusickids