PWA Application Development

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

Прогрессивное web-приложение (англ. progressive web app, PWA) — технология в web-разработке, которая визуально и функционально трансформирует сайт в приложение (мобильное приложение в браузере).

Отличия PWA от нативных приложений

Нативное приложение — это независимая программа, живущая в смартфоне. Она работает как и любая другая программа, установленная на компьютере, например, Microsoft Word.

PWA — это сайты, которые отображаются как мобильные приложения. Они как Google Docs, потому что обладают всеми функциями установленных программ, но работают прямо в браузере.

Несколько различий между PWA и нативными приложениями.

Прогрессивность

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

Независимость от интернет-соединения

Все понимают, что мы не можем зайти на сайт, если отключился интернет. Тем не менее многие нативные приложения позволяют продолжать работу с ними, несмотря на низкую скорость интернета или его полное отсутствие. PWA позволяет пользователям взаимодействовать с приложением независимо от интернет-соединения. Это становится возможным из-за заблаговременного кэширования данных приложением. Кэширование производится технологией, известной как Service Workers. Она предоставляет программный метод кэширования ресурсов.

Надежность

Приложение загружается и показывается сразу же, вне зависимости от статуса и качества сетевого соединения.

PWA benefits

1. Безопасность

Не жертвуя производительностью и безопасностью, PWA предоставляют пользователям привычный опыт работы с приложением. Один из главных факторов в интернете — это гарантия безопасности, особенно когда это касается кражи личных данных, их распространение или взлом. PWA способны противостоять этой проблеме. Так как они передаются через HTTPs, то предоставляют массу преимуществ как для пользователей, так и для разработчиков.

2. Легкие обновления

Когда мы имеем дело с постоянно развивающимся интернетом, то обновления приложений очень важны для улучшений, нового функционала, устранения багов и мелких неисправностей. У PWA есть преимущества в том, что обновления загружаются непосредственно разработчиками, а не пользователями. Новый функционал и обновления добавляются удаленно командой разработки. Пользователи увидят изменения и улучшения, но им не потребуется скачивать эти обновления самостоятельно.

3. Доступ отовсюду

У приложений есть недостатки в том, что их нужно периодически обновлять, они могут быть слишком большими для загрузки или несовместимы с некоторыми устройствами. Есть ряд факторов, которые делают их сложными в установке и использовании. И тут на помощь приходят PWA. Потому, что такие приложения — просто интерактивные веб-сайты, которыми могут пользоваться все, у кого есть браузер и доступ в интернет.

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

Зачем бизнесу создавать прогрессивные веб-приложения и почему именно сейчас?

Издание Recode недавно опубликовало исследование, которое подтвердило то, что уже у многих специалистов крутится на языке: бум традиционных приложений прошел, а процент тех, кто деинсталлирует приложения, продолжает расти.

Прогрессивные веб-приложения будут работать в любом месте, независимо от того, установлены они или нет. Они будут работать даже на платформах, которые еще не поддерживают все функции PWA — даже со старых ПК с примитивными браузерами к ним можно будет получить доступ. Правда — с ограниченным функционалом.

Используют

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

  1. Google Photos PWA то значительное улучшение по сравнению с предыдущей технологией. Он легче, быстрее, более оптимизирован и все же каким-то образом способен занимать меньше места как в оперативной памяти, так и на диске.
  2. AliExpress увеличил коэффициент конверсии для новых пользователей на 104%.
  3. Twitter улучшил свой опыт работы с мобильными сетями, сделал сайт более надежным и быстрым.
    - Размер PWA: 600 КБ, размер приложения Android: 23,5 МБ, размер приложения iOS: 116,5 МБ
    - Увеличение количества страниц за сеанс на 65%, увеличение количества отправленных твитов на 75%, снижение отказов на 20%.
    - 250 000 пользователей запускают приложение как собственное приложение - прямо с домашнего экрана - в среднем 4 раза в день.
    - Среднее время загрузки сократилось более чем на 30%.
  4. United eXtra Electronics показал 4-кратное увеличение возвратов посетителей и на 100% повысил уровень продаж от пользователей, которые приходят в результате взаимодействия со всплывающими уведомлениями.
  5. 5miles снизил показатель отказов на 50% и увеличил конверсии на 30%.
  6. Konga используют на 92% меньше данных для первоначальной загрузки по сравнению с загрузкой их родного приложения.
  7. Tinder благодаря технологии сократил время загрузки страниц с 11,9 до 4,69 секунды. PWA Tinder на 90% «легче», чем их нативное приложение.
  8. PWA Uber почти ничего не весит и грузится за 3 секунды даже в сетях 2G.
  9. OLX благодаря PWA повысил CTR объявлений на 146 % и уменьшил количество отказов на 80 %.