Debugging bfcache, make your page load instantly Dev Tools Tips

Join Jecelyn and special guest Barry as they dive deep into the world of the bfcache and how it can make it lightningfast to navigate around web sites. Learn how to optimize your site for the bfcache, and discover powerful debugging techniques to troubleshoot any blocking issues. Make sure your users are benefiting from this free web performance boost Chapters: 0:00 Intro 0:14 What is bfcache 1:00 When is bfcache in used 1:18 Test bfcache with DevTools 2:28 Tip: Test with Incognito mode 2:47 Test bfcahce with Lighthouse 3:03 Collect blocking reasons with notRestoredReasons API 3:15 Replace cachecontrol: nostore Common blocking reason 3:53 Stop using unload handlers Common blocking reason 4:37 Tip: Test with override permissionspolicy headers 5:05 Ending Resources: Back, forward cache Test back, forward cache Learn more Questions Tweet to us: Jecelyn Yeen Barry Pollard Chrome DevTools Catch more DevTools Tips Subscribe to Google Chrome Developers , DevToolsTips, WebPerformance, Cache