ALT DevTools Tips: Debugging speculative navigations for faster page loads The Speculation Rules API lets you implement a near-instant page load based on speculation rules that you define. This lets your website prefetch and prerender most navigated-to pages. Watch the video and check out this demo to learn how to: Inspect speculations, their rules, and statuses in Application > Background services > Speculative loads. Switch between renders through the drop-down menu in the action bar at the top and inspect the renders using all DevTools panels. Live trace prerender status.

ALT Monitor live Core Web Vitals in Chrome DevTools #DevToolsTips Barry shows Jecelyn the new Performance panel landing page featuring a live view of your local Core Web Vitals performance. Learn how it can be used to debug LCP issues, use CrUX data to see if you’re debugging a similar experience to your users, and measure INP in real time as you interact with the page.

ALT DevTools Tips: Override and mock network responses Chrome DevTools lets you locally override and mock response headers, files, API requests, and more. Unblock your workflow by prototyping and testing changes and fixes without waiting for the backend, third-parties, or APIs to catch up.

ALT Override and mock network responses

ALT Fun & Powerful: Intro to Chrome DevTools with the host holding a power tool

ALT DevTools Network Panel example screenshot