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

Что такое PWA

Если коротко, то PWA (Progressive Web App) — это веб-приложение, которое использует современные веб-стандарты для предоставления функциональности и пользовательского опыта, аналогичного нативным мобильным приложениям. PWA объединяет лучшие черты веб-сайтов и мобильных приложений.

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

Основные характеристики PWA:

• Прогрессивность — PWA работает на любом устройстве с браузером, постепенно улучшаясь на современных устройствах;
• Надежность — быстрая загрузка и работа даже при слабом интернет-соединении;
• Доступность — не требует загрузки из магазинов приложений (App Store, Google Play);
• Независимость — работает в любом современном браузере;
• Обновляемость — автоматически обновляется при каждом посещении.

Преимущества технологии:

• Быстрая разработка — используется стандартный стек веб-технологий (HTML, CSS, JavaScript);
• Экономия — не нужно разрабатывать отдельные версии для iOS и Android;
• Офлайн — возможность работы без подключения к интернету;
• Push-уведомления — поддержка push-уведомлений даже при закрытом приложении;
• Производительность — быстрая загрузка и работа благодаря кэшированию;
• Иконка на главном экране — возможность добавления иконки на главный экран устройства;
• SEO-оптимизация — индексируется поисковыми системами как обычный сайт.

Примеры успешных реализаций:

• Twitter Lite — мобильная версия Twitter, которая загружает контент в 3 раза быстрее и потребляет на 70% меньше данных;
• Pinterest — использует PWA для ускорения загрузки и улучшения пользовательского опыта;
• Starbucks — приложение для заказа кофе, которое работает оффлайн и быстро загружается;
• Flipkart — один из крупнейших индийских маркетплейсов увеличил конверсию на 70% благодаря PWA;
• Alibaba — использует прогрессивное веб-приложение для ускорения работы мобильного сайта;
• The Washington Post — улучшила время загрузки страниц и увеличила вовлеченность пользователей;

В том числе в России:

• Сбер — после удаления из магазинов App Store и Google Play PWA-версия стала основным мобильным каналом для миллионов пользователей. Приложение поддерживает биометрию, push-уведомления и практически весь функционал нативного приложения;
• Яндекс.Почта — поддерживает push-уведомления, позволяет работать с письмами офлайн, а затем отправлять их при появлении соединения;
• Fix Price — PWA позволила магазину быстро запустить сервисы лояльности, push-уведомления и бонусную систему в разных городах, обеспечив стабильную работу даже при ограниченном функционале сайта.

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

PWA особенно эффективны для компаний, которые хотят быстро выйти на рынок с минимальным бюджетом на разработку

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