PWA

Блог о технологиях

Преимущества и недостатки PWA

23.10.2019

2758

Progressive Web Applications — эффективно ликвидируют разрыв между мобильными приложениями и веб-сайтами, взяв лучшие черты из обоих миров. PWA появляются в то время, когда пользователям требуются качественные мобильные приложения, но их смартфоны уже  перегружены нативными приложениями на устройствах, из-за чего они не хотят устанавливать новые.
Многие ведущие компании уже воспользовались популярностью PWA и выпустили свои собственные веб-приложения с нативной функциональностью, в том числе AliExpress, который увеличил на 104% коэффициент конверсии для новых пользователей, и Twitter, где число страниц за сеанс увеличилось на 65%.

Перейдём ближе к плюсам и минусам.

Все основные преимущества и недостатки Progressive Web Apps проистекают из того факта, что PWA объединяют удобство и охват Интернета с функциональностью нативных мобильных приложений.

Преимущества:

Автономный режим

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

Улучшенная производительность

«53% пользователей покинут сайт, если загрузка займет больше 3 секунд! И после загрузки пользователи ожидают, что они будут быстрыми — без резкой прокрутки или медленных интерфейсов, — заявляет Google на своем веб-сайте.

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

Не требует установки или обновления вручную

Чтобы использовать прогрессивное веб-приложение Twitter, вам не нужно заходить в Play Store или App Store, чтобы установить его. Вы можете просто посетить mobile.twitter.com и войти в систему без каких-либо задержек. Когда Twitter обновляет свой PWA, пользователям не нужно устанавливать его вручную — все новые функции и исправления ошибок доступны без каких-либо ручных действий.
Конечно, пользователи не единственные, кто извлекает выгоду из бесшовных обновлений. Компания, выпускающая PWA, получит меньше запросов в службу поддержки от пользователей, у которых все еще есть устаревшая версия приложения, и компания может выпускать обновления так часто, как она этого хочет, не раздражая своих пользователей.

Особенности платформы

Ни один список основных преимуществ и недостатков Progressive Web Apps не может быть полным, если не упомянуть тот факт, что PWA используют множество функций, специфичных для разных платформ. Например, PWA живут на домашнем экране пользователя и доставляют push-уведомления, которые выглядят так же, как уведомления с нативных приложений. Они могут работать в полноэкранном режиме, изменять ориентацию экрана, запускаться с красивой анимированной заставкой, получать доступ к данным о местоположении и многое другое.

Используемая память

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


Для примера, размер TWA в Tinder составляет всего 2,8 МБ, а его аналог для Android — колоссальные 30 МБ. Это огромная разница для тех, кто не имеет неограниченных мобильных данных и не возможности подключиться к надежной сети Wi-Fi.

Независимый магазин приложений

PWA не зависят от магазина приложений, что является отличной новостью для небольших компаний и независимых разработчиков приложений, которые ежегодно платят Apple 99 долларов или пожизненно Google 25 долларов только за публикацию своего приложения. Конечно, независимость от магазина приложений также освобождает разработчиков о скованности политикой и ограничениями Google и Apple store.

Недостатки:

Совместимость с iOS

Начиная с iOS 11.3 стало возможным запускать PWA на устройствах Apple, но можно забыть о совместимости со старыми устройствами. Более того, Apple не позволяет PWA получать доступ ко многим важным функциям, включая Touch ID, Face ID, ARKit, Bluetooth, маяки, датчик альтиметра и даже информацию об аккумуляторе.

Проблемы с устаревшими устройствами

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

PWA не могут сделать все

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

После перечисления основных особенностей Progressive Web Apps становится ясно, что преимущества значительно перевешивают недостатки. Несмотря на то, что они существовали относительно недолго (даже в том, что касается веб-технологий), PWA уже смогли выработать новую философию для создания веб-сайтов, и ни одна компания, которая хочет быть актуальной в эпоху мобильных устройств, не может позволить себе игнорировать их.