Ensure your pages are optimized for back/forward caching.
Highlight ad frames, emulate focus on a page, disable local fonts and image formats, enable an automatic dark theme, and emulate vision deficiencies.
Emulate prefers-color-scheme, media type, forced-colors, prefers-contrast, prefers-reduced-motion, color-gamut.
Discover a collection of options that affect web content rendering.
Spot repainting, layout shifts, layers and tiles, scrolling issues, see rendering statistics and Core Web Vitals.
Record, replay and measure user flows with the Recorder panel.
How to debug Background Fetch, Background Sync, Notifications, Push Messages, and view reports with Chrome DevTools.
A comprehensive reference of accessibility features in Chrome DevTools.
Discover new workflows for viewing and changing CSS in Chrome DevTools.
A reference on all the ways to record and analyze performance in Chrome DevTools.
A comprehensive reference of Chrome DevTools Network panel features.