Chrome Developer Tools

on YouTube ↗27m

" summary

Demonstrates using Chrome DevTools and the DevTools Protocol to instrument and profile a large website, including automated runtime probes, cross-iframe expression evaluation, and a lightweight profiler that locates hotspots in a 100k-line codebase. Presents concrete CPU and network regression numbers, an experimental-features workflow for flipping flags, and details which issues were fixed client-side versus which required server-side changes.

AI-written summary · about

" chapters (6)

1. 0:00Chrome DevTools intro
2. 7:04Debugging JavaScript
3. 16:13Experimental DevTools
4. 18:21Performance profiling
5. 23:20Debugging standards
6. 26:45Q&A

" related talks

• 25mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · DevFest Florida 2019
• 28mDevTools & The Performance TabHenri Helvetica · React Miami 2025
• 28mGetting down to brass tacks: Using chrome dev tools to level up your applicationsKen Wheeler · React Miami 2023
• 35mOptimise your Web Development WorkflowUmar Hansa · ffconf 2016
• 30mThe Chrome DevTools Performance PanelRick Viscomi · SquiggleConf 2024
• 31mDetecting Web Performance Problems with Chrome DevToolsJoan León · Nerdearla Chile 2026
• 33mChrome DevTools, From Prototype to ProductionPhilippe Antoine · DevFest du Bout du Monde 2020
• 47mDebugging, Profiling, & Rocking Out with Browser-Based Developer Tools!Mike Herchel · Frontend United 2018