Следует ли вам или вашей компании инвестировать в PWA?
При создании мобильных приложений, которые кажутся нативными и работают в автономном режиме, преобладала либо нативная разработка с использованием родного языка программирования мобильной ОС, либо гибридная мобильная разработка с использованием таких технологий, как React Native, Ionic, Xamarin.
Но все эти подходы требуют доставки приложения в магазины приложений, такие как Google Play Store и Apple App Store.
Именно здесь на помощь приходят PWA. Они работают близко к собственным приложениям с меньшим размером пакета, они развертываются в Интернете и могут быть легко добавлены на главный экран.
Что такое PWA?
Прогрессивное веб-приложение - это приложение, созданное с использованием типичных веб-технологий (HTML, CSS и JavaScript) и распространяемое так же, как любое другое веб-приложение, но имеющее функциональные возможности, аналогичные нативным.
Google определяет, что PWA должны быть:
- Надежность: загружается быстро даже при плохом подключении к Интернету или его отсутствии - из-за того, что более половины пользователей Интернета покинут сайт, если он не загрузится в течение трех секунд. PWA используют сервис-воркеры для удаления зависимости от веб-сервера при отсутствии подключения к Интернету.
- Быстро: плавная анимация и взаимодействие, делающие приложение естественным. (Никакой неуклюжей прокрутки веб-страниц.)
- Вовлеченность: пользовательский интерфейс должен быть максимально приближен к нативному устройству. Это означает, что он должен, по крайней мере, работать в полноэкранном режиме (если он добавлен на главный экран) и обрабатывать уведомления. (iOS еще нет.)
Сервисные работники
Service worker - это файл JavaScript, который браузер запускает в фоновом режиме. В основном он используется как прокси для веб-сервера. Это означает, что если у браузера нет стабильного подключения к Интернету, запросы будут обрабатываться работником службы.
Следовательно, он может имитировать действия веб-сервера, но только из кеша, и это дает ему возможность работать в автономном режиме.
Сервисных воркеров также можно использовать для создания функций, которые не требуют веб-страницы или взаимодействия с пользователем, например, push-уведомлений.
Сервис-воркеры постоянно развиваются, и в будущем у них могут появиться новые функции, такие как географическая привязка, чтобы сделать взаимодействие с пользователем максимально естественным.
Числа не лгут
Теперь, когда мы знаем о PWA немного больше, давайте посмотрим, почему они могут стать крупным игроком в индустрии мобильной разработки. Для начала рассмотрим несколько статистических данных (ноябрь 2019 г.).
Доля мирового рынка мобильных ОС:
Доля рынка версии Android:
Доля рынка версии для iOS:
Глядя на эти диаграммы, мы видим, что Android принадлежит более 75% мирового рынка мобильных ОС, а iOS - около 23%. Мы также видим, что около 75% телефонов iOS работают под управлением версии 12.4, а более 70% телефонов Android работают с версиями поверх Android 8.
Причина этой статистики в том, что эти операционные системы работают на мощных телефонах. iOS 12.4 была выпущена в 2019 году, а Android 8 - в 2017, что означает, что телефоны с этими операционными системами работают довольно быстро.
Даже относительно старые и недорогие телефоны имеют около 2 ГБ памяти и приличный процессор Snapdragon. Эти телефоны и Google Chrome могут запускать PWA без необходимости собственной разработки.
Следовательно, последние и новые телефоны iPhone / Android могут легко запускать их и обеспечивать почти нативную работу без эффективности нативных приложений.
Это исключает любое приложение, которому требуется много графической мощности и анимации (все мы знаем, что PWA не предназначены для разработки игр).
iOS и PWA?
Как я уже говорил ранее, Apple принадлежит более 20% рынка мобильных телефонов и даже больше, если мы посмотрим только на Европу и Северную Америку, а они очень медленно добавляли поддержку PWA на iOS.
PWA поддерживаются в iOS 11.3 и новее, но это не значит, что они полностью поддерживаются по сравнению с другими браузерами (особенно Chrome). Поддержка стала лучше в более поздних версиях, особенно в iOS 13.
Хотя некоторые из наиболее важных функций, такие как push-уведомления и фоновая синхронизация, по-прежнему не поддерживаются в iOS. Означает ли это, что Apple против PWA? Нет, я так не думаю, я просто считаю, что их стратегия еще не полностью поддерживает идею PWA.
Улучшения, которые происходят с каждой версией, действительно показывают, что Apple видит необходимость в дополнительной поддержке, это просто вопрос времени.
Я верю в это, потому что, согласно этому исследованию, проведенному в США в конце 2017 года, пользователи тратят 97% всего лишь на 10 приложений, а ведущие мобильные веб-сайты получили на восемь миллионов уникальных пользователей больше, чем мобильные приложения.
Поскольку Google лидирует в поддержке PWA, а Microsoft делает Outlook как PWA и делает свой браузер Edge на основе Chromium, я считаю, что iOS от Apple последует этой тенденции (в конечном итоге).
Фреймворки переднего плана
Благодаря новейшим интерфейсным фреймворкам (Vue, Angular, React и т. Д.) Создание PWA никогда не было таким простым.
Они обладают возможностями сверхбыстрого рендеринга, чтобы переходы и анимация казались максимально плавными, а с такими фреймворками, как Ionic, еще проще сделать ваше приложение более естественным.
У некоторых из этих фреймворков есть шаблоны, готовые к использованию для разработки PWA. Технология, доступная для создания PWA, уже отработана и готова к использованию. Просто нужно, чтобы производители браузеров пришли к консенсусу.
Компании, получившие прибыль от PWA
Многие компании создают PWA вместе со своими собственными приложениями, чтобы дать пользователям возможность получить доступ к услугам своих мобильных приложений через веб-браузер.
Вот несколько примеров компаний, которые это сделали. (Вот источник, если вы хотите узнать больше).
Tinder
Создав PWA, они сократили время загрузки с 11,91 секунды до 4,69 из-за того, что PWA на 90% меньше, чем их родное приложение для Android. Это приводит к увеличению вовлеченности пользователей PWA.
Trivago
Trivago стал свидетелем огромного роста числа пользователей, добавивших PWA на свой домашний экран, на 150%.
Автономная поддержка позволяла пользователям продолжать свои сеансы, даже когда у них не было подключения к Интернету, и 67% пользователей продолжали использовать PWA, когда они вернулись в онлайн. Это также привело к увеличению числа кликов по предложениям отелей на 97%.
Pinterest обновила свой мобильный веб-сайт до PWA, и, как и в предыдущих двух примерах, количество основных взаимодействий увеличилось на 60%.
Они также стали свидетелями увеличения времени нахождения на сайте на 40% и доходов от рекламы на 44%.
Убер
Одна из основных целей Uber - привлечь как можно больше людей к их сервису. Это означает, что им также необходимо ориентироваться на людей с медленным интернет-соединением (2G).
Время загрузки PWA 2G составляет менее трех секунд из-за того, что полный размер основного приложения в сжатом виде составляет 50 КБ.
У Google, Microsoft, Twitter, Forbes и многих других есть PWA. Эти и многие другие примеры PWA показывают нам, как наличие PWA облегчило людям доступ к сервису и, следовательно, повысило вовлеченность пользователей.
Заключение
PWA существуют уже некоторое время, но их популярность выросла в основном благодаря мощным мобильным телефонам и поддержке сообщества крупных компаний, таких как Google, Microsoft и многих других.
Со временем PWA станут более популярными / мощными и, возможно, станут основным способом создания мобильных приложений, когда iOS от Apple полностью их поддержит.