PWA: сайт
как приложение

PWA (Progressive Web App) — это обычный сайт, который приобретает часть возможностей нативного приложения: работу без сети, значок на главном экране телефона, полноэкранный режим без адресной строки браузера.

Главное преимущество — не нужно писать отдельное приложение под iOS и Android. Один и тот же код сайта работает и как страница в браузере, и как «приложение» на экране пользователя.

manifest.json — файл с именем сайта, иконками и цветом темы, который браузер использует при установке на экран. Service worker — скрипт, который браузер запускает в фоне отдельно от страницы и который может перехватывать сетевые запросы, кэшировать файлы и показывать push-уведомления.

Полностью офлайн обычно работает не весь сайт, а то, что имеет смысл: уже просмотренные страницы, каталог товаров, сохранённые статьи. Service worker решает, что кэшировать заранее, а что — только при первом запросе.

• Cache First — сначала показываем из кэша, потом обновляем в фоне (быстро, но не всегда свежо)
• Network First — сначала пробуем сеть, при неудаче — кэш (свежее, но медленнее при плохой связи)

Для блога или каталога разумно кэшировать статьи, которые пользователь уже открывал — тогда плохой сигнал в метро не помешает дочитать статью.