#bfcache — Public Fediverse posts

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странно: интерфейс подвисает, таймеры съезжают, события приходят пачкой. Материал особенно пригодится тем, кто делает сложные SPA с realtime‑обновлениями, WebSocket и насыщенным UI — CRM, дашборды, платёжные сценарии. В статье разберём: — как устроены Page Visibility API и Page Lifecycle API, — зачем браузеры ограничивают фоновые процессы, — что происходит при заморозке вкладок, системном сне и возврате страницы из BFCache, — чем отличаются Chrome, Safari и Firefox, — какие API уже устарели, — а какие подходы помогают делать интерфейсы стабильнее в реальных пользовательских сценариях.

https://habr.com/ru/companies/yoomoney/articles/1038288/

#frontend #frontendconf #конференция #митап #троттлинг #bfcache #page_visibility_api #митапы_по_фронтенду #митапы_в_петербурге #react

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странно: интерфейс подвисает, таймеры съезжают, события приходят пачкой. Материал особенно пригодится тем, кто делает сложные SPA с realtime‑обновлениями, WebSocket и насыщенным UI — CRM, дашборды, платёжные сценарии. В статье разберём: — как устроены Page Visibility API и Page Lifecycle API, — зачем браузеры ограничивают фоновые процессы, — что происходит при заморозке вкладок, системном сне и возврате страницы из BFCache, — чем отличаются Chrome, Safari и Firefox, — какие API уже устарели, — а какие подходы помогают делать интерфейсы стабильнее в реальных пользовательских сценариях.

https://habr.com/ru/companies/yoomoney/articles/1038288/

#frontend #frontendconf #конференция #митап #троттлинг #bfcache #page_visibility_api #митапы_по_фронтенду #митапы_в_петербурге #react

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странно: интерфейс подвисает, таймеры съезжают, события приходят пачкой. Материал особенно пригодится тем, кто делает сложные SPA с realtime‑обновлениями, WebSocket и насыщенным UI — CRM, дашборды, платёжные сценарии. В статье разберём: — как устроены Page Visibility API и Page Lifecycle API, — зачем браузеры ограничивают фоновые процессы, — что происходит при заморозке вкладок, системном сне и возврате страницы из BFCache, — чем отличаются Chrome, Safari и Firefox, — какие API уже устарели, — а какие подходы помогают делать интерфейсы стабильнее в реальных пользовательских сценариях.

https://habr.com/ru/companies/yoomoney/articles/1038288/

#frontend #frontendconf #конференция #митап #троттлинг #bfcache #page_visibility_api #митапы_по_фронтенду #митапы_в_петербурге #react

Как «спят» вкладки в браузере

Привет! Меня зовут Костя, я разработчик интерфейсов в ЮMoney. В этой статье разбираю, почему вкладка после возврата из фона начинает вести себя странно: интерфейс подвисает, таймеры съезжают, события приходят пачкой. Материал особенно пригодится тем, кто делает сложные SPA с realtime‑обновлениями, WebSocket и насыщенным UI — CRM, дашборды, платёжные сценарии. В статье разберём: — как устроены Page Visibility API и Page Lifecycle API, — зачем браузеры ограничивают фоновые процессы, — что происходит при заморозке вкладок, системном сне и возврате страницы из BFCache, — чем отличаются Chrome, Safari и Firefox, — какие API уже устарели, — а какие подходы помогают делать интерфейсы стабильнее в реальных пользовательских сценариях.

https://habr.com/ru/companies/yoomoney/articles/1038288/

#frontend #frontendconf #конференция #митап #троттлинг #bfcache #page_visibility_api #митапы_по_фронтенду #митапы_в_петербурге #react

Making Dark Mode Play Nicely With BFCache, by (not on Mastodon or Bluesky):

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

#darkmode #bfcache #javascript

Making Dark Mode Play Nicely With BFCache, by (not on Mastodon or Bluesky):

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

#darkmode #bfcache #javascript

Making Dark Mode Play Nicely With BFCache, by (not on Mastodon or Bluesky):

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

#darkmode #bfcache #javascript

Making Dark Mode Play Nicely With BFCache, by (not on Mastodon or Bluesky):

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

#darkmode #bfcache #javascript

Making Dark Mode Play Nicely With BFCache, by (not on Mastodon or Bluesky):

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

#darkmode #bfcache #javascript

Ah #bfcache you piece of s...

https://guilhermesimoes.github.io/blog/making-dark-mode-work-with-bfcache

FYI: Google AdSense pushes bfcache, speculation rules, and AI debugging to publishers: Google AdSense today urged publishers to implement bfcache, speculation rules, and Chrome DevTools AI debugging to boost page views and ad revenue efficiency. https://ppc.land/google-adsense-pushes-bfcache-speculation-rules-and-ai-debugging-to-publishers/ #GoogleAdSense #bfcache #SpeculationRules #AIDebugging #Publishers

FYI: Google AdSense pushes bfcache, speculation rules, and AI debugging to publishers: Google AdSense today urged publishers to implement bfcache, speculation rules, and Chrome DevTools AI debugging to boost page views and ad revenue efficiency. https://ppc.land/google-adsense-pushes-bfcache-speculation-rules-and-ai-debugging-to-publishers/ #GoogleAdSense #bfcache #SpeculationRules #AIDebugging #Publishers

FYI: Google AdSense pushes bfcache, speculation rules, and AI debugging to publishers: Google AdSense today urged publishers to implement bfcache, speculation rules, and Chrome DevTools AI debugging to boost page views and ad revenue efficiency. https://ppc.land/google-adsense-pushes-bfcache-speculation-rules-and-ai-debugging-to-publishers/ #GoogleAdSense #bfcache #SpeculationRules #AIDebugging #Publishers

ICYMI: Google AdSense pushes bfcache, speculation rules, and AI debugging to publishers: Google AdSense today urged publishers to implement bfcache, speculation rules, and Chrome DevTools AI debugging to boost page views and ad revenue efficiency. https://ppc.land/google-adsense-pushes-bfcache-speculation-rules-and-ai-debugging-to-publishers/ #GoogleAdSense #bfcache #AI #ads #digitalmarketing

ICYMI: Google AdSense pushes bfcache, speculation rules, and AI debugging to publishers: Google AdSense today urged publishers to implement bfcache, speculation rules, and Chrome DevTools AI debugging to boost page views and ad revenue efficiency. https://ppc.land/google-adsense-pushes-bfcache-speculation-rules-and-ai-debugging-to-publishers/ #GoogleAdSense #bfcache #AI #ads #digitalmarketing

Chasing BFCache Navigations, by @perfplanet.bsky.social:

https://calendar.perfplanet.com/2025/chasing-bfcache-navigations/

#performance #bfcache #caching

#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

#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

#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

#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

#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

#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

#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 🧵