Технология PWA (прогрессивные веб-приложения) позволяет адаптировать сайт под мобильное устройство в виде приложения. 1 Основная идея PWA — сделать веб-ресурс доступным, быстрым и удобным для пользователей, вне зависимости от типа устройства и платформы. 1

Некоторые особенности работы PWA:

• Прогрессивность. 1 Приложения адаптируются к возможностям устройства и браузера, где они запускаются. 1 Даже если устройство пользователя не поддерживает все функции PWA, приложение будет работоспособным, хотя и с ограниченными возможностями. 1
• Веб-технологии. 1 При разработке применяются преимущественно стандартные веб-технологии — HTML, CSS и JS, а созданные на их основе интерфейсы доступны в браузере. 1
• Установка на устройство. 1 Пользователям нет необходимости проходить через традиционные магазины приложений — возможно добавить PWA на свой экран прямо из браузера. 1
• Офлайн-режим и кэширование. 1 Возможно пользоваться приложением и при отсутствии интернет-соединения — например, просматривать загруженные раньше страницы и выполнять определённые действия, которые будут синхронизированы с сервером при восстановлении соединения. 1
• Отзывчивый дизайн. 1 PWA способны адаптироваться к разным размерам экранов — от смартфонов до десктопных компьютеров. 1 Этим обеспечивается дружелюбный интерфейс и положительный пользовательский опыт, не зависящие от устройства. 1
• Безопасность. 1 Шифрование данных по протоколу HTTPS защищает от атак вида «человек посередине». 1

Работа PWA возможна за счёт трёх базовых технологий: 2

1. Service Worker — прокси-сервер, который позволяет присылать push-уведомления и сохраняет информацию в кэше. 2
2. HTTPS-запросы — работа со своими ресурсами с помощью HTTPS через браузер аналогично тому, как нативное приложение обращается через файловую систему. 2 Браузер выступает в роли виртуальной машины, которая запускает PWA. 2
3. Web App Manifest — текстовый json-файл, который добавляется в код страницы сайта. 2 Он определяет, как приложение будет отображаться через браузер. 2