Chasing BFCache navigations

What is BFCache? The Back/Forward Cache, or BFCache, is a browser mechanism that allows a page to be restored instantly when a user uses the browser's Back or Forward buttons. Unlike a simple HTTP cache, BFCache preserves the entire state of the page in memory: DOM, JavaScript, application state,

Web Performance Calendar
Don’t let extensions slow your page down (blocking bfcache)! Setting Permissions-Policy header can prevent it.
👉https://web.dev/articles/bfcache#use_permission_policy_to_prevent_unload_handlers_being_used_on_a_page
#webdevelopment #webperf #debugging #bfcache
Back/forward cache  |  Articles  |  web.dev

Learn to optimize your pages for instant loads when using the browser's back and forward buttons.

web.dev

3 ways to test if your page is good with (eligable) bfcache! Do you know them all?
👉 https://web.dev/articles/bfcache#test_to_ensure_your_pages_are_cacheable

#webdevelopment #webperf #debugging #bfcache

Back/forward cache  |  Articles  |  web.dev

Learn to optimize your pages for instant loads when using the browser's back and forward buttons.

web.dev

You get free instant page load with bfcache, only if you don’t block it! Beware of these 2 common blockers 👉 https://web.dev/articles/bfcache#optimize_your_pages_for_bfcache

#webdevelopment #webperf #debugging #bfcache

Back/forward cache  |  Articles  |  web.dev

Learn to optimize your pages for instant loads when using the browser's back and forward buttons.

web.dev
#Google führt eine bedeutende Änderung am Verhalten des Back/Forward Cache (#BFCache) seines Webbrowsers #Chrome ein: https://winfuture.de/news,139919.html?utm_source=Mastodon&utm_medium=ManualStatus&utm_campaign=SocialMedia
Hui oder pfui? BFCache-Änderung soll Google Chrome-Leistung steigern

Google führt eine bedeutende Änderung am Verhalten des Back/Forward Cache (BFCache) seines Webbrowsers Chrome ein. Die Änderung soll eine Ausnahme des Speicherns umgehen und so für mehr Leistung sorgen.

WinFuture.de

#boostmarks "Our top Core Web Vitals recommendations for 2023", Philip Walton (@[email protected]), Rick Viscomi (@[email protected]), Barry Pollard (@tunetheweb), Brendan Kenny (@[email protected]), Jeremy Wagner (@[email protected])

https://web.dev/top-cwv-2023/

#CoreWebVitals #ttfb #cdn #bfcache #longTasks #javascript #fetchpriority #layoutShifts

Our top Core Web Vitals recommendations for 2023

A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web in 2023.

web.dev

#Google doesn't use cache-control headers for crawling & indexing unless it's embedded content.

Well, indirectly, proper cache-control headers can help with #SEO, particularly with #CWV metrics

Here's how.

Back/forward cache (or bfcache) is a browser optimization that enables instant back and forward navigation. It significantly improves the browsing experience for users, especially those with slower networks or devices.

#bfcache has been supported in #Chrome, #Firefox and #Safari.

1/3 🧵