4 важни точки, които трябва да знаете за прогресивните уеб приложения (PWA)

PWA (Progressive Web Apps) е един от най-обсъжданите технологични промени в мрежата и придоби безпрецедентна скорост сред практикуващите в ИТ света. Ако изграждате за мрежата, сигурен съм, че PWA е най-новата „модна дума“, добавена към работния ви речник. Това не е изненадващо, защото PWA е реализирала далеч мечтата да инсталира уеб приложения на телефона за реално.

Вече е имало много прожектори и „геекспикове“ при изграждането на PWA и неговите предимства. Повечето от опитите за въвеждане на PWA, особено на новородените, изглежда са изпълнени с жаргон или имат твърде много код, който може да ги сплаши да направят първата стъпка. В тази статия се опитвам да дам моментна снимка на PWA, достатъчна, за да стартирам процеса на обучение.

1. Какво е прогресивно уеб приложение?

„Прогресивно уеб приложение (PWA) е термин, използван за обозначаване на нова методология за разработка на софтуер. За разлика от традиционните приложения, прогресивните уеб приложения са хибрид от обикновени уеб страници (или уебсайтове) и мобилно приложение. Този нов модел на приложение се опитва да комбинира функции, предлагани от повечето съвременни браузъри, с предимствата на мобилното изживяване. “

Това казва уикипедия за PWA. Е, това може да изглежда малко неясно или дори спорно. Затова нека разгледаме PWA по неофициален начин.

Ако някога най-доброто от мрежата и най-добрите приложения са имали дете-клонинг - това е PWA. Или иначе казано, просто уеб страницата е приела всички „правилни витамини“, така че да може да се държи по-скоро като приложение, изтеглено от App Store / Play Store. Стартира като нормална уеб страница в браузър и като потребител изследва уеб страницата, те получават подкана, ако искат да добавят към началния екран. След като потребителят даде палец до този подкана, VOILA! PWA се добавя към техния начален екран. След като се отвори от началния екран, той дори може да скрие контролите на потребителския интерфейс на браузъра и да се появи като приложение.

Това е по-скоро като прославена отметка, попаднала на сладкото място между мрежата и мобилните приложения. Казвам това, защото PWA успя да преодолее пропастта в мрежата. Мрежата винаги е била жадна за надеждна ефективност на ниво с родните приложения. Винаги е копнел за място в таблата за известия и в началния екран, точно като приложение. Повече от 40% от потребителите отскачат от уебсайтовете, които се зареждат повече от 3 секунди. PWA е решение за тази „епидемия от затлъстяване в мрежата“, с която се сблъскват потребителите.

Всичко е за премахване на триенето и улесняване на потребителите да стигнат до това, което искат.

Цялата заслуга за това безпроблемно изживяване трябва да се даде на Service Worker (Скрипт, който браузърът работи на заден план, отделно от уеб страница), който е основата на всеки PWA. Сервизните работници позволяват надеждно и интелигентно кеширане, актуализиране на фоново съдържание, push известия и най-атрактивната офлайн функционалност на посещаваните преди това сайтове. Това означава, че след първото посещение на уебсайт, сайтът и приложението ще бъдат надеждно бързи дори в нестабилни мрежи.

Но тук може да възникне въпрос - какво ще кажете за бързото първо зареждане с надеждна производителност? Това е, когато ускорените мобилни страници (AMP) се срещат със сервизен работник. AMP осигурява надеждно бързи уеб компоненти за първо зареждане. Тези компоненти се зареждат много по-бързо и имат по-малко гладни данни. Уебсайтове, които използват комбинацията от AMP и Service Worker, ще осигурят надеждна скорост като за родните приложения. След като страницата бъде заредена, настройките на сайта сервизният работник и активите се кешират интелигентно. Това винаги ще актуализира PWA, като по този начин ще освободи потребителите от честите актуализации, които се правят от App Store.

PWA накратко:

  • Надежден: Бързо зареждане и работи офлайн
  • Бързо: гладки анимации, безпроблемно превъртане и безпроблемна навигация дори в нестабилни мрежи
  • Ангажиране: Стартира се от началния екран и може да получава известие за натискане

2. Защо е важно?

Мит е, че потребителите с радост ще изтеглят приложението на всеки уебсайт, който посещават често. Според доклада на Comscore Mobile App над 50% от потребителите на смарт телефони в Америка изтеглят Zero Apps на месец. т. е. изминаха дните, когато телефонът е пълен с приложения и фазата на медения месец за интелигентен телефон се изчерпва. Всяка стъпка за изтегляне на приложение намалява 20% от потребителите. PWA намалява стъпките между откриването на приложение и получаването му на началния екран и по този начин елиминира триенето при инсталирането на приложение. Това осигурява много плодородна почва за бизнеса да влезе в PWA.

Следните три показатели могат да бъдат подчертани, за да се разбере значението на PWA за формирането на бъдещата мрежа.

а. Достигнете: мобилната уеб аудитория нараства с рязко темпо през последните няколко години. Google съобщи, че Chrome има огромни 1 милиард мобилни потребители в сравнение с предишните 400 милиона потребители през 2016 г. Според съобщението на Comscore обхватът на мобилната мрежа е 2,5 пъти повече от този на приложенията, като се има предвид най-добрите 1000 сайтове и приложения. Това е причината решението на Flipkart, Myntra и др. Да изоставят уебсайта си и да имат обратна връзка. Ако можехме да осигурим по-добро изживяване на по-широка аудитория, със сигурност бихме могли да получим конкурентно предимство пред останалите.

б. Придобиване: Друг сериозен проблем, с който се сблъскват мобилните приложения, е тяхната откриваемост на потребителите в сравнение с уебсайтовете. Цената за придобиване от потребителите на уеб ще бъде 10 пъти по-евтина от тази на родните приложения. С повече експозиция и ниско триене на борда, PWA вероятно ще придобие повече потребители с много по-малко разходи.

° С. Конверсия: Безпроблемното потребителско изживяване, дори при нестабилни мрежи, предоставени от PWA, подобрява броя на успешните реализации. Flipkart пуснаха PWA „Flipkart-lite“, за който твърдят, че са постигнали увеличение на процента на конверсия с 70% с по-ниска цена на придобиване.

В заключение: PWA помага за подобряване на реализациите чрез увеличаване на потенциалния обхват с ниски разходи за придобиване.

3. Как да започнете?

След като се запознаете с нова технология, следващото предизвикателно решение е решението да я приемете. Повечето от хората изпадат в дилема в този момент. Решението трябва да се ръководи от конкретната ви бизнес нужда. Следните два случая биха могли да ви помогнат да идентифицирате метода, който ви подхожда за прилагане на PWA.

а) От нула на земята

Обмислете сценария, когато една компания изгражда нов уебсайт или преминава през редизайн. В този случай изграждането на PWA от нулева земя има смисъл и е възможно. Това ще накара бизнеса да използва силата на PWA с AMP, сервизни служители, App черупки и Web Manifest. Например, според Ali Express, след като обновиха уебсайта си като PWA, те са успели да увеличат процента на конверсия за нови потребители с 104%, спечелиха 2X повече страници, посетени на сесия на потребител във всички браузъри, и 74% увеличение на времето, прекарано на сесия във всички браузъри.

б) Проста версия или Единична функция

Когато изграждането от нулата не е реалистично, винаги може да се изгради проста версия на уебсайта или да се съсредоточи върху една-единствена функция, която има голямо въздействие за крайните потребители. Фокусът е да се осигури бързо, ангажиращо и надеждно изживяване. AirBerlin е подходящ пример в случая. Те се съсредоточиха върху опита за резервации след PWA. След като пътник се е регистрирал, той има достъп до своите данни за пътуването и талон за пътуване, дори без интернет връзка.

4. Предизвикателства в PWA

Има някои предизвикателства в PWA, които трябва да се вземат предвид при избора му.

а) Поддръжка на кръстосани браузъри: Докато браузърът на Android, Chrome и Samsung поддържа PWA, IE, Edge и Safari, тепърва ще разширяват своята поддръжка.

б) Ограничена функционалност: PWA няма поддръжка за хардуер, който не се поддържа от HTML5

в) Ограничена легитимност: Тъй като няма централен Магазин за изтегляне за PWA, им липсва усещане за легитимност и увереност, които обикновено се дават от родните приложения от Play Store / App Store.

г) Поддръжка за кръстосано влизане на приложения: Нативните приложения имат възможност да разговарят с други приложения и да удостоверяват влизания (Facebook, Twitter, Google). Като уеб страница PWA няма възможност за комуникация с други приложения.

заключение

Не можем да кажем, че PWA ще убие Native Apps в бъдеще. Но все още има все по-голям интерес към този подход в общността. PWA все още са в ранна детска възраст с много предизвикателства, които трябва да бъдат решени. И все пак, те имат потенциала да създадат промяна в начина на работа на мрежата.

Храна за размисъл

Според Хенрик Жорете, „PWA е най-голямото нещо, което се случва в мобилната мрежа, откакто Стив представи iPhone!“

Спорно? Спорен? Приятен?

Помислете преди времето да лети!