Великолепный PWA

Больше нет необходимости разрабатывать отдельно сайт, приложение под iOS и Android. Тратить на это огромные финансовые ресурсы и драгоценное время. Для этого существует Прогрессивное веб-приложение (Progressive Web App, PWA), которое уже используют такие бренды как Twitter, Tinder, Uber, Telegram и Starbucks. Поэтому, если вы планируете создавать веб-сайт или редизайнить существующий, то вам следует обратить внимание на данную фичу.

PWA соединяет в себе все самое лучшее от обоих миров.
PWA соединяет в себе все самое лучшее от обоих миров.

Если коротко, то PWA – это такая технология, которая позволяет превратить ваш сайт в веб-приложение. То есть ваш сайт станет вести себя подобно нативному (родному) приложению, но его не нужно будет искать в Google Play или App Store, чтобы закачать себе на телефон. Просто зашли на сайт и установили. Не нужно также будет специально обновлять приложение и не нужно будет со временем удалять из-за того, что оно слишком много весит (нативное приложение может достигать 100 МБ или даже 200 МБ, в то время как PWA весит всего около 2-4 МБ). Впечатляет, верно?

Прогрессивное веб-приложение совмещают простоту использования веб-сайтов и технические возможности и мощь наших любимых нативных приложений. Соединяет себе все самое лучшее от обоих миров. Ведь это очень удобно, закачать себе на телефон или рабочий стол компьютера приложение, которое не нужно специально искать в App Store. Или, например, работать офлайн.

Aviasales при первом посещении главной страницы сайта предлагает установить приложение.
Aviasales при первом посещении главной страницы сайта предлагает установить приложение.

Как оно работает? При первом посещении сайта браузер очень аккуратно и вежливо предложит вам скачать приложение на телефон или компьютер. И все. Можете считать, что на этом вся ваша работа закончена. Можете забыть про периодические обновления и тд. Совсем как нативное приложение, но не и не совсем, верно? Да, PWA ведет себя очень похоже, но не является таковым. При этом оно обладает несколькими преимуществами.

В чем основные преимущества?

А вот в чем:

- Гораздо более легкая и быстрая разработка.

- Есть возможность отправлять PUSH-уведомления.

- Нет необходимости размещать приложение в магазинах AppStore или Google Play. Его просто можно скачать прямо на телефон.

- Работает быстрее.

- PWA способно работать автономно (т.е. без подключения к сети Интернет).

- Занимает на телефоне гораздо меньше места, чем аналогичное нативное приложение.

  • Стоимость разработки существенно ниже.
  • Безопасный обмен данными (через протокол HTTPS).
  • Приложение обновляется автоматически всякий раз, когда пользователь заходит в Интернет.
  • Хорошая индексация сайта поисковыми системами (Google отдает таким приложениям преимущество перед другими).

Google, как уже говорилось выше, поддерживает PWA и, судя по всему, собирается продолжать это делать и дальше. Поэтому, если вы планируете делать сайт или менять старый, то обратите на PWA самое пристальное внимание.

Посмотреть сравнительную таблицу между PWA, нативным приложением и сайтом можно вот здесь

Если нужна помощь в разработке PWA или его настройке, то специалисты нашей компании помогут в этом.

11
4 комментария

Да, PWA очень крутая технология. Некоторые просто ещё не знают, что это такое и какие задачи можно решить при помощи PWA

1
Ответить

Здравствуйте, Павел Вы разработчик на PWA?

Ответить

Добрый день! Подскажите, а пример с Авиасейлз - это уже старый пример? Захожу с компьютера - предлагает только авторизоваться. Захожу в телефоне на сайт - предлагает скачать приложение через апстор. Как бы посмотреть примеры PWA? Не понимаю, как это выглядит.

1
Ответить

Ольга, здравствуйте! Возможно, Авиасейлз что-то изменили. Вот примеры PWA:
https://www.ozon.ru/
https://developer.mozilla.org/ru/docs/Web/Progressive_web_apps
https://web.telegram.org/a/

Чтобы установить любое из них, просто необходимо в поисковой строке в всплывающем окне выбрать "Установить".

Ответить