#frontendconf — 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