😭 Как проверять работу кэша

Правильный кэш ускоряет приложение и снижает нагрузку на сервер. Неправильный — источник багов: stale-данные, двойная загрузка, баги с обновлениями.

1️⃣ Что проверять:

— Заголовки ответа сервера: ETag, Last-Modified, Cache-Control

— Service Worker: что кэшируется, как обновляется, как падает при новых версиях

2️⃣ Как искать проблемы:

— DevTools → Network → Disable cache (для теста)

— Проверяйте статус ответа: 200, 304 Not Modified (кэш сработал)

— Сравнивайте данные при повторном запросе: старые vs новые

3️⃣ Чек-лист для Service Workers:

— Обновление кэша: новые версии должны заменять старые

— Offline mode: приложение работает с кэшем

— Стратегии: Cache First, Network First — проверить для разных сценариев

4️⃣ Примеры багов:

— Старый JS/CSS загружается → ломается интерфейс

— Файлы не обновляются при деплое

— Service Worker кеширует слишком много → лишние данные

💡 Для прод-приложений проверяйте кэш на разных устройствах и браузерах.

🐸 Библиотека тестировщика

#буст