Debugging speculative navigations for faster page loads #DevToolsTips
Channel: Chrome for Developers
Date: 2024-01-25

Jecelyn teams up with Barry again to talk about the new Speculation Rules API which can be used to prefetch and prerender future page navigations to greatly improve page load speed! Learn how DevTools can help you debug your speculation rules, switch renderer, and live trace prerender status’s.

Chapters:
0:00 Intro
0:39 A glance at the speculation rules 
1:08 Debug speculative loads tabs in DevTools
1:59 Switching renderer in DevTools
2:45 Predict the next actions 
3:35 Configure speculation rules to prerender next page on hover 
4:01 Live trace prerender status in DevTools
4:46 Learn more

Resources:
Demo → https://goo.gle/48KMA29 
Debugging speculation rules → https://goo.gle/debugging-speculation-rules  
Prerender pages in Chrome → https://goo.gle/4bcCCIj  

Questions? Tweet to us:
Jecelyn Yeen → https://goo.gle/jecfish  
Barry Pollard → https://goo.gle/tunetheweb 
Chrome DevTools → https://goo.gle/chromedevtools 

Watch more DevTools Tips → https://goo.gle/DevToolsTips  
Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs 

#DevToolsTips #ChromeForDevelopers #Chrome


Speaker: Jecelyn Yeen, Barry Pollard
Products Mentioned: Chrome