1. Відмінності PWA від нативних додатків
2. Навіщо бізнесу створювати прогресивні веб-додатки і чому саме зараз?
3. Чому прогресивні веб-додатки змінять ситуацію?
4. Недоліки Progressive Web Apps
5. У чому саме «прогресивність» нового формату?

Уявіть, що ваш сайт взаємодіє з користувачем як додаток. Тобто користувач може встановити його на будь-який гаджет, отримувати повідомлення і працювати з ним (навіть без інтернет-з'єднання). Це вже реальна технологія, яку активно просуває Google, і в цьому пості я розповім вам про неї в деталях.

Progressive Web Apps (PWA) Google анонсував ще в 2015 році. Цей формат створення мобільних сайтів привернув увагу завдяки відносній простоті розробки і майже миттєвого взаємодії з користувачем. Уже в травні 2016 на конференції розробників Google I / O The Washington Post продемонстрував свій мобільний гібридний сайт-додаток .

Що ж таке PWA ? Можна сприймати це як сайт, побудований з використанням веб-технологій, але який взаємодіє з користувачем як додаток. Досягнення в розробці браузерів, кеші і Push-інтерфейси дозволили встановлювати додаток на домашній екран безпосередньо з браузера, отримувати спливаючі повідомлення і навіть працювати в автономному режимі.

Відмінності PWA від нативних додатків

1. У браузерах Google, Opera, Firefox і Microsoft PWA можна завантажити на будь-яких гаджетах, незалежно від розміру екрану і інших специфікацій. Крім того, розробники даних браузерів будуть пропонувати користувачам встановити PWA при другому відвідуванні сайту.

2. Розробники додатків зазначають, що створити прогресивне додаток легше і швидше, ніж звичайний сайт.

3. Не потрібно API з підтримкою зворотної сумісності. У випадку з PWA користувачі запускають ту ж версію коду сайту (на відміну від класичних додатків).

Анімований приклад банера з пропозицією встановити PWA на домашній екран від Google Developers .

І це тільки початок. Microsoft вже займається вирішенням завдання, як додати прогресивні веб-додатки в Windows Store. Google в травні 2016 озвучив довгий список ідей для розвитку прогресивних додатків. І те, що пошукові системи будуть приділяти особливу увагу PWA в майбутньому, здається неминучим.

Придивіться: можливо, прогресивні програми - ваш золотий квиток в SEO-просування майбутнього.

Навіщо бізнесу створювати прогресивні веб-додатки і чому саме зараз?

Почнемо з другого питання. Видання Recode недавно опублікувало дослідження , Яке підтвердило те, що вже у багатьох фахівців крутиться на язиці: бум традиційних додатків пройшов, а відсоток тих, хто деінсталює додатки, продовжує зростати.

Comscore недавно повідомив , Що більшість користувачів смартфонів скачують нуль додатків в місяць. Лише близько однієї третини власників смартфонів скачують хоч щось, і більшість з них завантажують від одного до трьох додатків на місяць.

Чому прогресивні веб-додатки змінять ситуацію?

1. Користувачі можуть переходити на прогресивні програми з посилань в соцмережах, під час перегляду веб-сторінок або безпосередньо з видачі. Погодьтеся, це набагато зручніше, ніж конкурувати за перегляди з двома мільйонами доступних додатків на IOS App Store або Google Play Store.

2. Пропозиція встановити прогресивне додаток показується тільки тоді, коли веб-додаток відповідає певним критеріям, і користувач продемонстрував інтерес за допомогою повторного відвідування сайту.

3. Щоб встановити програму відбувається миттєво. Всі компоненти, які вимагають тривалої завантаження, вже були встановлені в кеш при першому відвідуванні сайту користувачем.

4. Прогресивні додатки значно менші за розміром, так як вони ефективно використовують можливості браузера.

5. Спливаючі повідомлення, робота в автономному режимі і всі інші функції прогресивного додатки будуть працювати, навіть якщо відвідувач ніколи його не встановлював.

6. Звичайні додатки можуть бути використані тільки на тій платформі, для якої вони створені. Ви не можете використовувати додаток на вашому комп'ютері так само, як на Android або iOS пристрої. Крім того, використовувати додаток можуть тільки ті, хто його встановив.

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

Ви можете заперечити, що існують класичні додатки, які підтримуються на різних платформах. Але підтримка таких додатків обходиться в копієчку. Progressive Web Apps можуть знизити ці витрати, звівши все до забезпечення одного додатку, який працює на будь-якій платформі.

7. Коли ви не в магазині додатків, то не обмежені правилами App Store і не повинні платити 30% від обсягу продажів.

Недоліки Progressive Web Apps

1. PWA - нова технологія, тому існує не так багато прикладів реалізації цього формату. Ті, хто ризикне, стануть першопрохідцями.

2. На момент публікації прогресивні веб-додатки не доступні повсюдно. Так, Chrome і Opera почали підтримку прогресивних Web Apps. Firefox і Microsoft взяли на себе зобов'язання щодо підтримки. Поки намірів щодо підтримки цього формату немає тільки у Apple.

Втім, жодна з цих причин не є перешкодою для тестування PWA як формату вже сьогодні.

У чому саме «прогресивність» нового формату?

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

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

1. AliExpress збільшив коефіцієнт конверсії для нових користувачів на 104%.
2. United eXtra Electronics показав 4-кратне збільшення повернень відвідувачів і на 100% підвищив рівень продажів від користувачів, які приходять в результаті взаємодії зі спливаючими повідомленнями.
3. 5miles знизив показник відмов на 50% і збільшив конверсії на 30%.
4. Konga використовують на 92% менше даних для первинного завантаження в порівнянні з завантаженням їх рідного додатки.

The Washington Post створили Progressive Web App, який встановлений у фоновому режимі, коли люди читають їх AMP сторінки в результатах пошуку Google. В результаті кількість відвідувань статей зросла на 12%. Від завантаження статей по 8 секунд в 2013 вони прийшли до 80 мілісекунд в Progressive Web App.

Чому варто поквапитися?

Сьогодні користувачеві досить двічі відвідати ваш сайт, щоб отримати від браузера пропозицію встановити PWA. Але так як кількість впроваджень технології буде зростати, то і частота пропозицій по установці теж зміниться, і таких пропозицій буде менше. Все більше компаній починають освоювати Progressive Web Apps і незабаром стане складно виділитися з натовпу.

Більше по темі:

1. Подивіться і «пощупайте» Progressive Web Apps .
2. Розберіться в роботі PWA і зробіть свій перший додаток з курсом від Udacity .
3. Розберіться в прогресивних веб-додатках разом з представником Google Андрієм Ліпатцевим. Він розповів про цю технологію на WebPromoExperts SEO Day .