Что такое PWA приложение

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

1. Работает офлайн — благодаря Service Workers кэширует ресурсы.
2. Устанавливается — через манифест (manifest.json) и поддержку Add to Home Screen.
3. Быстро загружается — за счёт оптимизации и кэширования.
4. Адаптивно — под любые устройства.

Пример манифеста:

{
  "name": "My PWA",
  "short_name": "PWA",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#3367D6"
}

Пример регистрации Service Worker:

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js');
}

PWA сочетает преимущества веба (доступность, ссылки) и нативных приложений (офлайн-работа, push-уведомления).