Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

seoАвтор: Пуск‑Медиа (импорт)Просмотры: 4

bfcache: почему «Назад» мгновенный, а SPA его ломает

Back/forward cache, события `pageshow`/`pagehide` и что отключает восстановление страницы в Chrome.

Изображение статьи: bfcache: почему «Назад» мгновенный, а SPA его ломает

bfcache (back/forward cache) хранит полностью отрисованную страницу в памяти — возврат «Назад» часто мгновенный без повторной загрузки JS и layout.

Unload-хендлеры, Cache-Control: no-store и незакрытые WebSocket/IndexedDB транзакции могут выгнать страницу из bfcache — проверяйте в DevTools Application → Back/forward cache.

- [Back/forward cache — web.dev](https://web.dev/articles/bfcache) — Условия eligibility и диагностика.

- [Page Lifecycle API — web.dev](https://web.dev/articles/page-lifecycle-api) — frozen, hidden, terminated.

---

## SPA

В React/Vue избегайте beforeunload ради аналитики; используйте pagehide и event.persisted.

При восстановлении из bfcache переподключайте live-данные, но не перезагружайте весь бандл.

#производительность#SPA#навигация

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.