Aplicații web progresive: viitorul dezvoltării web?

Progressive Web Applications și Service Workers sunt concepte relativ noi și părțile centrale ale a ceea ce perturbă în prezent ecosistemul actual de site-uri web și aplicații mobile. Am văzut creșteri mari ale ratelor de conversie și scăderi ale ratelor de respingere, deoarece această tehnologie este susținută de nimeni altul decât de Google. Citiți mai multe despre lucrătorii de servicii și aplicațiile web progresive și despre modul în care acestea diferă de aplicațiile mobile și site-urile web tradiționale.

Lucrătorul de servicii , denumit uneori pur și simplu „SW”, este codificat ca un script independent care rulează alături de paginile și scripturile de site web tradiționale, dar are noi caracteristici interesante în comparație cu JavaScript-urile obișnuite găsite pe site-urile web de pe Internet.

Cu funcționalitate offline, notificări push, caching complet și cu posibilitatea adăugată de conectare la API-ul hardware al smartphone-urilor și al altor dispozitive, opțiunile sunt limitate doar de ingeniozitatea dezvoltatorului și de creativitatea designerului. Deși există multe avantaje de a folosi un lucrător de servicii simultan cu tehnologiile tradiționale de site-uri web, vom analiza tendința emergentă din perspectiva unui proprietar de afaceri.

De ce să folosiți Progressive Web Apps?

• Îmbunătățiți viteza în comparație cu viteza site-urilor web și a aplicațiilor mobile
• Reduceți dimensiunea paginii
• Funcționalitate offline
• Acces la un anumit dispozitiv hardware
• Notificări
• Adăugați pe ecranul de start

Mai sus este lista celor mai comune 6 motive pentru care proprietarii de afaceri să implementeze lucrătorii de servicii și aplicații web progresive pe site -urile lor web existente. Să le defalcăm și să intrăm în mai multe detalii despre fiecare dintre cele 6 puncte cheie.

Îmbunătățiți viteza și ratele de conversie

Deoarece lucrătorii de servicii funcționează între browser și accesul la Internet, asta înseamnă că vizitatorii site-ului web nu trebuie să ceară un răspuns serverului web de fiecare dată când vizitatorii solicită o pagină nouă sau fac clic pe un link, de exemplu.

Datorită modului în care funcționează protocoalele de internet, există o perioadă minimă de timp pentru fiecare răspuns care trece prin rețea, dar prin utilizarea unui lucrător de service, uneori acest pas poate fi omis, deoarece scriptul lucrător de serviciu va servi pagina din cache-ul local care vor fi descrise în subiectul următor.

De exemplu, Housing.com a înregistrat încărcări de pagini cu 30% mai rapide de la implementarea aplicației web progresive și a scriptului de lucrător al serviciului și având sediul în India, ceea ce înseamnă rezultate excelente, deoarece majoritatea vizitatorilor lor navighează din rețelele 3G și orice creștere a vitezei este deci destul de important.

Un alt exemplu este Konga, un important retailer de comerț electronic din Nigeria, care are peste 60% dintre vizitatori care navighează din rețele 2G lente și, prin urmare, reducând timpul de încărcare a paginii, nu numai că și-au crescut semnificativ ratele de conversie și de respingere, dar la fel de important, și-au trimis competiția într-un somn profund.

Reduceți dimensiunea paginii

Lucrând în strânsă legătură cu punctele de mai sus, folosirea unui lucrător de servicii va reduce, fără îndoială, dimensiunea oricărei pagini ale site-urilor web și, astfel, va scădea ratele de respingere.

Motivul pentru care vedem astfel de îmbunătățiri este că lucrătorul de service salvează copii ale site-ului web pe telefoanele și tabletele vizitatorilor. Înseamnă că nu vor trebui să folosească Internetul deloc odată ce au vizitat pagina de pornire a unui site web cu un service worker instalat și configurat pentru a încărca automat memoria cache.

De asemenea, este posibil să lăsați pur și simplu lucrătorul de serviciu să salveze paginile deja vizitate, dar deoarece descărcarea cache-ului nu este vizibilă pentru utilizator în niciun fel, este logic să-l lăsați pe utilizator să descarce totul.

Deocamdată, unele companii raportează că, cu un service worker instalat, dimensiunile paginilor au fost reduse cu până la 90%.

Funcționalitate offline

Este posibil să se dezvolte un site web cu un service worker care va funcționa perfect, astfel încât utilizatorii să nu aibă nevoie de acces la internet pentru a naviga în pagini și pentru a încărca conținut. Există câteva cerințe, dar odată îndeplinite, lucrătorul de servicii permite o integrare perfectă între experiențele offline și online și este considerat a fi un plus pentru site-urile web actuale.

Deși nu orice site web are nevoie de o experiență offline completă, simpla adăugare a unui ecran offline, așa cum a făcut Opera, va crește șansele ca utilizatorii să rămână pe pagină atunci când își pierd accesul la internet în timpul navigării.

Comparând mesajul offline din browserele implicite cu mesajul offline personalizat pe care Opera l-a creat mai jos și simțiți diferența:

Funcționalitatea site-ului offline al Opera

Pagina offline implicită în Chrome

Acces la un anumit dispozitiv hardware

La fel ca aplicațiile mobile, este posibil ca aplicațiile web progresive în legătură cu lucrătorii de service să efectueze apeluri API către dispozitive hardware, cum ar fi camerele mobile, accelerometrele și alte funcții comune. Până acum, nu există suport pentru funcții avansate, cum ar fi identificarea amprentei și funcții similare noi și complexe, dar aceasta este probabil doar o chestiune de timp.

În timp ce dezvoltarea aplicațiilor mobile va rămâne întotdeauna relevantă pentru anumite tipuri de afaceri și produse, au existat deja o serie de aplicații web progresive online astăzi care oferă experiența unei aplicații mobile, cu ușurința de utilizare și instalare pe care site-urile web o au de oferit.

Dar având în vedere că tehnologia în sine are doar aproximativ un an la momentul scrierii acestui articol (dezvoltată la sfârșitul anului 2015) și are o mulțime de oportunități de a deveni cea mai populară tehnologie la care fiecare proprietar de afaceri mici va dori să facă parte.

Notificări

Una dintre aceste caracteristici hardware sunt notificările push și care le permit proprietarilor de site-uri web să informeze utilizatorii de dispozitive mobile despre cel mai recent conținut al acestora. Pentru companii, obținerea accesului la feedul de notificări al clienților lor poate fi un avantaj enorm pentru afaceri.

Spre deosebire de buletinele informative prin e-mail, oamenii sunt predispuși să deschidă și să facă clic pe notificări push direct pe telefonul lor și, deși această tendință s-ar putea schimba în timp, deoarece utilizatorii vor afla ce aplicații promovează conținutul de marketing și publicitar, deocamdată este destul de eficient.

Până acum, Jumia, un site de comerț electronic african a avut mari succese cu aplicații web progresive și notificări push. Ei raportează rate de conversie de 9 ori mai bune pentru coșurile de cumpărături abandonate, în comparație cu modul lor tradițional de a trimite e-mail utilizatorilor dacă ar dori să cumpere ceea ce au în cărucioarele lor abandonate. Jumia a văzut, de asemenea, o rată de deschidere de 38% pentru notificările push, despre care trebuie spus că este destul de impresionantă.

Adăugați la ecranul de pornire

Acesta este ultimul din lista noastră, dar nu în ultimul rând. Adăugarea site-urilor web preferate la marcajele telefonului și a avea o pictogramă pe dispozitiv nu este nimic nou, dar cu aplicațiile web progresive , utilizatorul va fi acum solicitat de browser dacă dorește să adauge PWA pe ecranul de pornire. Deoarece acest lucru este făcut de browser în sine, și nu de o suprapunere de tip pop-up de lux de pe site, oamenii au raportat rezultate excelente cu această funcție.

Așa arată când vizitați The Washington Post de pe telefon, fie cu Chrome, fie cu Opera.

FlipKart a înregistrat o creștere cu 70% a ratelor de conversie de la utilizatorii lor care deschid aplicația prin intermediul ecranului de pornire, ceea ce înseamnă că utilizatorii care au instalat aplicația se poate spune că sunt clienți fideli, dornici să cumpere și să interacționeze cu site-ul respectiv.

Concluzie

Nu fiecare browser web a acceptat încă aplicații web progresive și lucrători de servicii , dar poate că aceasta este doar o chestiune de timp. Microsoft cu Internet Explorer a fost destul de vag în implementarea viitoare a tehnologiei, poate așteptând să vadă dacă aceasta este doar o tendință de scurtă durată sau dacă aceasta va revoluționa web-ul așa cum îl cunoaștem noi.

Apple cu Safari a adăugat compatibilitatea lucrătorilor din service pe harta lor de 5 ani, așa că mai este ceva timp pentru ca acest lucru să se întâmple, deși ar putea foarte bine să pună această tehnologie în fruntea listei odată ce vor vedea impactul pozitiv al serviciului. muncitorii au.