DEV Community

Cover image for ΤΙ ΕΙΝΑΙ ΤΟ PWA (PROGRESSIVE WEB APP);
forgedsoft.com
forgedsoft.com

Posted on

ΤΙ ΕΙΝΑΙ ΤΟ PWA (PROGRESSIVE WEB APP);

Πολλές εταιρίες δημιουργούν App’s για κινητά τα οποία στην ουσία είναι η ίδια η ιστοσελίδα τους σε μορφή App. Αυτά τα App’s λέγονται Web App’s.

Η μόνη τους διαφορά σε σχέση με την κοινή πλοήγηση απο το κινητό στην ιστοσελίδα, είναι ότι ο χρήστης έχει αποθηκευμένο το App και είναι ευκολότερα προσβάσιμο.

Αυτό όμως δημιουργεί και αρκετά προβλήματα. Στο Play store της Google γίνεται το αδιαχώρητο από εφαρμογές Web App ενώ η Apple πλέον απαγορεύει την καταχώρηση web apps στο App store. Προτείνει αντ’ αυτού την δημιουργία Native App.

Επιπλέον η διαδικασία εγκατάστασης αποθαρρύνει πολλούς χρήστες να εγκαταστήσουν ένα App Το οποίο δεν θα τους προσφέρει κάτι περισσότερο από την πλοήγηση στην σελίδα μέσω του Browser.

Κατασκευή ιστοσελίδων PWA

Τα παραπάνω προβλήματα έρχεται να λύσει το PWA.

Το PWA ανακοινώθηκε το 2015. Δημιουργήθηκε να λύσει καταρχήν το πρόβλημα του όγκου της εγκατάστασης ενός App σε κινητές συσκευές με αργό internet, καθώς το μέγεθος της εγκατάστασης ενός PWA είναι μικρότερο από ενός κοινού App. Να σημειώσουμε ότι τα PWA apps μπορούν να εγκατασταθούν ακόμα και σε υπολογιστές (από το Chrome).

Πλέον είναι ένα Web Standard με αρκετά πλεονεκτήματα όπως offline chaching και έχει κατακλύσει το Internet.

Δεν είναι δύσκολο να καταλάβουμε γιατί τα κορυφαίες εταιρίες θα χρησιμοποιούν τα PWA. Παρέχουν την καλύτερη κινητή εμπειρία για τους χρήστες – ανεξάρτητα από την πλατφόρμα.

Τα PWA χρησιμοποιούν τον ιστό για να προσφέρουν Browsing σε επίπεδο εφαρμογής. Δεν χρειάζεται να βρίσκουν οι καταναλωτές εφαρμογές στα app stores και να τις εγκαθιστούν – μπορούν απλώς να πλοηγηθούν στον ιστότοπο σε οποιοδήποτε πρόγραμμα περιήγησης, συμπεριλαμβανομένων των Chrome και του Safari και πατώντας εγκατάσταση, να εγκαταστήσουν το PWA. Οι τεχνικές PWA επικεντρώνονται στην ταχύτερη φόρτωση (ακόμη και στην εργασία χωρίς σύνδεση) και στη χρήση λιγότερων δεδομένων. Δεδομένου ότι το 53% των επισκέψεων μέσω κινητού τηλεφώνου έχει χαθεί εάν ένας ιστότοπος διαρκεί περισσότερο από τρία δευτερόλεπτα για να φορτώσει.

Οι χρήστες κινητών εγκαταλείπουν μια σελίδα, εάν χρειαστούν περισσότερα από τρία δευτερόλεπτα για να φορτώσει [διαβάστε περισσότερα].

Το Twitter είναι ένα παράδειγμα της επιτυχίας του PWA. Το PWA της εταιρείας, το Twitter Lite, καταλαμβάνει λιγότερο από ένα megabyte, εξοικονομεί έως και 70% στα δεδομένα και φορτώνει 30% γρηγορότερα. Το πρώτο loading του Twitter Lite είναι λιγότερο από πέντε δευτερόλεπτα σε δίκτυα 3G στις περισσότερες συσκευές και τα επόμενα είναι σχεδόν άμεσα, ακόμη και σε αργά δίκτυα.

Το MakeMyTrip, ένας τόπος κράτησης ταξιδιών στην Ινδία, ξεκίνησε με το PWA για να προσφέρει σε όλους τους ινδούς χρήστες smartphone μια αποτελεσματική και αξιόπιστη εμπειρία κράτησης θέσεων από τα κινητά, ανεξάρτητα από το χρόνο, τη θέση ή τη διαθεσιμότητα του δικτύου. Η εταιρεία είδε το συνολικό ποσοστό conversion να τριπλασιάζεται και να αυξάνεται κατά 160%.

Οι εφαρμογές PWA χρησιμοποιούν λιγότερα δεδομένα από μια κανονική εφαρμογή για κινητά.

Κατασκευή ιστοσελίδων PWA

Αυτά καθιστούν σαφές γιατί τα PWAs γίνονται γρήγορα το νέο πρότυπο στο διαδίκτυο.

Αλλά αυτό δεν σημαίνει ότι θυσιάζουν χρήσιμες λειτουργίες στον βωμό της ταχύτητας. Τα PWA, στην πραγματικότητα, μπορούν να είναι πλούσια σε χαρακτηριστικά. Στις συσκευές Android, οι χρήστες μπορούν να έχουν με ειδοποιήσεις push notifications όπως προσφορές ή υπενθυμίσεις. Μπορούν επίσης να αποθηκεύουν τις συντομεύσεις του PWA στις οθόνες του τηλεφώνου τους, καθιστώντας τα εύκολα προσβάσιμα. Όπως ένα κοινό App.

Τα PWA δεν πρέπει απαραίτητα να αντικαθιστούν τις native εφαρμογές. μπορούν να δουλέψουν παράλληλα.

Οι έμποροι λιανικής πώλησης, για παράδειγμα, μπορούν να χρησιμοποιήσουν ενα native app για να προσελκύσουν χρήστες που είναι πιο πιθανό να εγκαταστήσουν μια εφαρμογή, αλλά χρησιμοποιούν και το PWA για να προσεγγίσουν εύκολα νέους χρήστες. Στούς χρήστες που χρησιμοποιούν το PWA μπορούν στη συνέχεια να τους ζητηθεί να εγκαταστήσουν την native εφαρμογή για κινητά.

Η Alibaba.com, η μεγαλύτερη πλατφόρμα συναλλαγών μεταξύ εμπόρων, σημείωσε αύξηση κατά 76% στα coinversion και τέσσερις φορές υψηλότερο ποσοστό αλληλεπίδρασης μετά την αναβάθμιση του site για κινητά σε PWA.

Ο ηγέτης ομορφιάς Lancôme είδε αύξηση κατά 53% στον χρόνο της συνεδρίας και τα ποσοστά εγκατάλειψης των χρηστών του iPhone έχουν μειωθεί κατά 10%.

Το Weather Channel είδε βελτίωση κατά 80% στον χρόνο φόρτωσης του ιστότοπου από το PWA, με σχεδόν ένα εκατομμύριο χρήστες να επιλέγουν να λαμβάνουν ειδοποιήσεις push.

Top comments (0)