Прогрессивные веб-приложения — новый тренд 2018?

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

Никто не мог и предположить, что курс развития мобильных приложений изменится так кардинально. Так о чем же речь?

В 2015 году компания Google заявила о создании новой технологии - прогрессивных веб-приложениях/Progressive Web App (PWA). Однако тогда мало кто воспринял это новшество всерьез. Тем не менее сегодня PWA становится популярным трендом.

Так что это за технология — Progressive Web App? Прогрессивные мобильные приложения — это продукт совместной эволюции мобильного сайта и нативного приложения. Проще говоря, гибрид, вобравший в себя самое лучшее от своих предшественников.

Теперь простота установки и открытия мобильного сайта и функционал нативного приложения (push-уведомления, gps-навигация и другие нативные функции) стали единым целым.

Благодаря данной технологии выигрывают и заказчики, и пользователи.

Разработать такое приложение можно в несколько раз дешевле и быстрее, чем нативное, что открывает множество новых возможностей для небольших компаний.

Для пользователей преимущества не менее значимы: не занимает место в памяти телефона, нет необходимости скачивать приложение из магазинов.

Одно из самых важных преимуществ PWA перед нативными приложениями — это отсутствие посредника в лице магазинов приложений App Store и Google Play. Технология прогрессивных веб-приложений это лишнее звено полностью исключает.

Отсутствие магазинов приложений для разработчиков означает, что им больше не нужно руководствоваться установленными правилами и политикой Apple и Google, а для пользователей - упрощение процедуры установки. Для того чтобы открыть PWA, достаточно перейти на сайт компании с мобильного устройства, и привязанное веб-приложение откроется автоматически.

При этом можно установить иконку такого приложения на экран телефона. Для этого в автоматически открывшемся диалоговом окне нужно согласиться с установкой.

Такой способ установки разительно отличается от установки обычного (нативного) приложения. По сути, иконка PWA — это картинка со ссылкой на веб-приложение, открывающееся через браузер, с помощью которой пользователь может запустить понравившееся приложение в любое время. Еще одним важным отличием PWA от «тяжелого натива» является то, что PWA почти не занимает места в памяти телефона пользователя.

Но преимущества преимуществами, а что же на практике?

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

Так, одной из первых компаний, примеривших на себя PWA, стала Lancôme - известный французский косметический бренд.

По заявлению Google, перед специалистами Lancôme стояла задача создать быстро загружаемый, мощный мобильный инструмент, который функционально подобен нативному приложению, но при этом его можно будет быстро найти и просто использовать. В результате в 2016 году у компании появилось прогрессивное веб-приложение/Progressive Web App (PWA).

И что же в итоге? Результаты говорят сами за себя: на 84% снизилось время загрузки,на 17% увеличилась конверсия,на 53% увеличилось количество мобильных сеансов на iOS,18% push-уведомлений открываются пользователями,8% потребителей, которые открыли push-уведомление, совершали покупку.

Ну что же, пример компании Lancôme стал показательным для всех, кто сомневался.

Сейчас вопрос заключается в том, станет ли рынок приложений развиваться по пути прогрессивных технологий?

Возможно.Но пока рано говорить о полноценной замене “натива” на PWA. Скорее всего, PWA нужно рассматривать как новую ветвь мобильных технологий, которая будет развиваться независимо от игровых приложений и контролирующих монополий в лице App Store и Play Market. Развитие с учетом потребностей другого толка: продавец — покупатель.

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Константин Штейман", "author_type": "self", "tags": [], "comments": 16, "likes": 20, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 31488, "is_wide": true, "is_ugc": true, "date": "Thu, 04 Jan 2018 15:11:00 +0300" }
{ "id": 31488, "author_id": 130928, "diff_limit": 1000, "urls": {"diff":"\/comments\/31488\/get","add":"\/comments\/31488\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/31488"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199791 }

16 комментариев 16 комм.

Популярные

По порядку

Написать комментарий...
5

Обычный сайт с ярлыком на домашнем икране. Через фал manifest.json настраивается отображение. Вот и всё. За баннеры которые придумали в гугле «Добавь на домашний экран» надо оторвать руки. Еще они хотели туда присобачить web workers но всем разрабам лень учить чо это воопще такое, а юзерам хрен обьяснишь что теперь можно не качать: «А я хачу скачать из гугле плея, мне не нада ваш сайт»

Ответить
2

шта? это webview или cordova они тут за инновации выдают?

Ответить
0

сейчас тебе тоже напишут, что ты ничего не понял 😁

Ответить
0

нет, вообще мимо. Это особым образом настроенный и запрограммированный моб. сайт.

Ответить
1

Ну же, ссылку на приложение в AppStore чтобы заценить

Ответить
1

В том-то и дело, что никакого AppStore не требуется, приложение открывается прямо в браузере, по обычному URL

Здесь, например, информация о многих брендах, переведших свои сайты на технологию PWA.

http://pwastats.com

Ответить
1

Ты ничего не понял похоже.

Ответить
1

И в чем прогрессивность? Загружать сайт не в браузере, а в WebView?

Ответить
1

Я так понял, что там кроме просмотра ещё и пуши есть, гуглом модет(или уже) индексирует...
Короче надо изучить)

Ответить
0

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

Ответить
1

Java-аплеты и ActiveX на новый лад. =)

Ответить
1

годно! vc.ru, наконец-то

Ответить
0

Интересное направление, если не фейк, пока ничего про это не слышал.
Есть ещё материалы про этот pwa?

Ответить
1

https://habrahabr.ru/post/326016/ . Не фейк, вот годнейшая статья на хабре о эволюции веб разработки и архитектурных решениях pwa. Имхо все идет к тому что мобайл сольется с вебом так же как и десктоп нэйтив. И будем мы загружать фотошоп во вкладке браузера прямо с экрана смартфона.

Ответить
0

ооо, спасибо!

Ответить

0

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

Ответить

0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Нейронная сеть научилась читать стихи
голосом Пастернака и смотреть в окно на осень
Подписаться на push-уведомления
{ "page_type": "default" }