Aplicații web progresive pentru desktop: o descoperire majoră

Când vorbim de Progressive Web Apps (PWA), aplicațiile mobile sunt primul lucru care îmi vine în minte, deoarece așa a fost întotdeauna.

 Lectură recomandată: Ce este Progressive Web App

Cu toate acestea, pe măsură ce timpul se schimbă, browserele majore precum Chrome cu inițiativele lor PWA intră acum pe piața desktop, extinzând și mai mult potențialul aparent nelimitat al PWA.

Începând cu Chrome 70, utilizatorii pot instala acum aplicații web progresive desktop pe Windows și Linux. Odată instalate, acestea sunt lansate din meniul Start și rulează ca toate celelalte aplicații instalate, fără bară de adrese sau file.

Și nu se oprește la asta . Baza unui Microsoft Store hibrid PWA este stabilită pas cu pas: în Microsoft Store, Progressive Web Apps sunt acum la egalitate cu aplicația nativă Windows, extinzând astfel acoperirea la întreaga bază de instalare Windows 10 de aproape 700 de milioane. utilizatorii activi lunari.

Înțelegerea PWA desktop și de ce este atât de important

Dispunând de toate avantajele Progressive Web Apps și multe altele , Desktop Progressive Web App devine în mod constant tendința în dezvoltarea aplicațiilor desktop.

 Lectură recomandată: 12 exemple de aplicații web progresive pentru inspirația ta

Pentru o scurtă înțelegere a Desktop PWA, vă puteți imagina că Desktop PWA este ca cel al unui document online sau al unui document Google care funcționează prin utilizarea componentelor web. Aplicațiile desktop native, pe de altă parte, sunt ca Microsoft Word : sunt bune, au un pic de dimensiune și sunt proiectate să funcționeze fără probleme. Motivul pentru care Desktop PWA este fierbinte în acest moment este că Desktop PWA poate face aproape treaba unei aplicații desktop native cu o experiență mult mai captivantă și ocupă puțin sau deloc spațiu pe hard-disk.

Pe scurt, PWA desktop sunt:

• Rapid – PWA oferă o experiență imediată, receptivă și, în general, plăcută
• Instalabil – un PWA poate fi instalat ca orice altă aplicație nativă și poate fi afișat pe desktop sau pe ecranul de pornire, în loc să necesite un browser. Instalările PWA sunt întotdeauna instantanee și de dimensiuni reduse.
• Captivant – PWA adoptă cele mai bune linii directoare pentru UX și UI de înaltă calitate, putând, de asemenea, să funcționeze indiferent de starea rețelei sau de capacitatea dispozitivului.

Cel mai proeminent exemplu de Desktop PWA este Twitter Lite . În ciuda faptului că a fost creat cu accent pe utilizatorii de telefonie mobilă, Twitter a cunoscut o creștere remarcabilă în interacțiunile utilizatorilor desktop.

Creștere cu 65% a paginilor pe sesiune

Creștere cu 75% a Twee-urilor trimise

Scădere cu 20% a ratei de respingere

Prima lovitură care marchează etapa inițială a mișcării PWA a fost cu siguranță trasă de Twitter. Urmează branduri influente, cum ar fi Spotify și Pinterest, cu grabă și, de asemenea, cu o calitate excepțională a produsului:

În cazul în care ați ratat-o, avem aici o recenzie amănunțită a Spotify PWA. Ieșind în evidență față de restul, Spotify PWA vine cu o renovare care a schimbat drastic experiența utilizatorului, făcând-o mai personalizată și mai adaptabilă la nevoile utilizatorului - așa cum ar trebui să fie un player muzical.

Pinterest, de asemenea, a cunoscut mai multe îmbunătățiri pozitive în valorile de bază ale afacerii.

Timpul petrecut a crescut cu 40% în comparație cu vechea experiență web mobilă, veniturile din reclame generate de utilizatori au crescut cu 44% , iar implicațiile de bază au crescut cu 60%

Noua lor experiență web mobilă este un pas înainte la monolitul unui site web.

Nu numai că au distrus și au redus sute de KB din JavaScript, reducând dimensiunea pachetului lor de bază de la 650 KB la 150 KB, dar și-au îmbunătățit și valorile cheie de performanță. First Meaningful Paint a scăzut de la 4,2 secunde la 1,8 secunde, iar Time To Interactive a scăzut de la 23 secunde la 5,6 secunde.

Pentru cititorii care sunt interesați de un anumit studiu de caz al Pinterest PWA, recomandăm cu căldură acest articol: Un studiu de caz privind performanța aplicației web progresive Pinterest.

Cum se instalează aplicații web progresive pe desktop

Procesul de instalare a unei aplicații Web Desktop Progressive este destul de simplu și simplificat. Cel mai important pas este doar să găsești adresa PWA corectă a aplicației tale.

În tutorialul nostru de astăzi, vom folosi Twitter ca exemplu de Desktop PWA:

Pasul 1 : Folosind Google Chrome versiunea 70 și mai sus, accesați https://mobile.twitter.com/home

Pasul 2 : Verificați dacă există un buton (+) în capătul din dreapta al barei de adrese

sau dacă există o opțiune „ Instalare Twitter ” în meniul derulant

Pasul 3 : Faceți clic pe Instalare și procesul se va termina instantaneu.

Pasul 4 : Lansați PWA proaspăt instalat de pe desktop.

Cum să dezinstalați Progressive Web Apps pe desktop

Pentru utilizatorii nepreocupați, ștergerea pictogramei Desktop PWA este o modalitate acceptabilă de dezinstalare a PWA. Cu toate acestea, pentru utilizatorii care caută o modalitate mai sigură de a dezinstala PWA, pașii de mai jos sunt recomandați:

Pasul 1 : deschideți PWA desktop (în acest caz este Twitter )

Pasul 2 : Selectați „ Dezinstalați Twitter ...” în meniul drop-down

Pasul 3 : bifați sau debifați opțiunea sugerată și apoi faceți clic pe „ Eliminați ”

Si asta e! PWA-ul dvs. Twitter este acum eliminat de pe computer în doar câțiva pași simpli.

Concluzii finale

Desktop PWA este fără îndoială următorul pas revoluționar în interacțiunea și funcționalitatea aplicației web. Pentru a fi în fața concurenței dvs., companiile trebuie să îmbrățișeze mișcarea PWA acum și să rămână atent la tendința în schimbare în dezvoltarea web/aplicațiilor.

Pentru comercianții online care caută o soluție perfectă pentru aplicația web Magento Progressive , aici, la SimiCart, oferim un pachet complet pentru tine și magazinul tău.