Η Google ανακοινώνει νέα εργαλεία προγραμματιστών Chrome για τη μείωση του φορτίου σελίδων, τη βελτίωση του UX

Πριν από δύο δεκαετίες, η Google ξεκίνησε ως μηχανή αναζήτησης ιστού, αλλά σήμερα κυριαρχεί στον τρόπο με τον οποίο βιώνουμε και αλληλεπιδρούμε με τον Ιστό. Η Αναζήτηση Google, από μόνη της, ελέγχει σε μεγάλο βαθμό το μεγαλύτερο μέρος της διαδικτυακής χρήσης, αλλά άλλα προϊόντα όπως το πιο δημοφιλές πρόγραμμα περιήγησης στον κόσμο – Google Chrome – καθώς και το πιο χρησιμοποιούμενο λειτουργικό σύστημα για κινητά – το Android – έχει φέρει την Google στην ηγετική θέση μεταξύ άλλων ενδιαφερόμενων μερών του ιστού. Το ποσοστό των χρηστών που συνδέονται στο διαδίκτυο χρησιμοποιώντας κινητές συσκευές έχει αυξηθεί και το ίδιο έχει αυξηθεί και η έμφαση που δίνει ο γίγαντας του Διαδικτύου στη μείωση των χρόνων φόρτωσης για να διασφαλιστεί η σταθερότητα. AMP ή επιταχυνόμενες σελίδες για κινητά ήταν ένα βήμα που έκανε η Google για να εξασφαλίσει ταχύτερη φόρτωση ιστοσελίδων. Πέρυσι, εισήγαγε επίσης ένα στοιχείο ιστού γνωστό ως "

Πύλες" για να βελτιστοποιήσετε την "απρόσκοπτη" εναλλαγή μεταξύ ιστοσελίδων.

Με το όραμα να "εξαφανίσει τη φόρτωση», η Google ανακοίνωσε σήμερα νέα εργαλεία προγραμματιστών στο Chrome Dev Summit 2019 για να γίνει ο ιστός ασφαλέστερος και πιο φιλικός προς τον χρήστη, βελτιώνοντας παράλληλα τις πιθανότητες να βοηθηθούν οι προγραμματιστές να ενισχύσουν τη βάση χρηστών τους καθώς και τα έσοδά τους.

Πύλες

Η Google έδειξε την πρόοδο που Πύλες έχει κάνει από τότε που το κυκλοφόρησαν στο Google I/O νωρίτερα αυτό το έτος και εφαρμόστηκε πίσω από μια σημαία στο Chrome Canary. Για να ανανεώσετε τη μνήμη σας, οι Πύλες επιτρέπουν στους προγραμματιστές να ενσωματώσουν συγκεκριμένο περιεχόμενο ή ολόκληρες ιστοσελίδες σε μια άλλη ιστοσελίδα όπως ακριβώς ένα iframe. Προκειμένου να εξαλειφθεί ο χρόνος αναμονής, το περιεχόμενο εντός της Πύλης ή του πλαισίου φορτώνεται ενώ οι χρήστες εξακολουθούν να περιηγούνται στην αρχική ιστοσελίδα.

Η Google μοιράστηκε ένα παράδειγμα υπηρεσίας έκδοσης εισιτηρίων ταινιών Fandango στην οποία η σελίδα προορισμού για μια συγκεκριμένη ταινία (Τζόκερ στο παράδειγμα) δεσμεύεται μέσα σε μια Πύλη. Όταν ένας χρήστης πατήσει στο Joker, η επόμενη σελίδα αποδίδεται ήδη πλήρως φορτωμένη.

Πακέτα Ιστού

Η Google ανακοινώνει Πακέτα Ιστού που έχει δημιουργηθεί για να βοηθήσει τους προγραμματιστές ιστού να μοιράζονται το περιεχόμενό τους στον ιστό με άλλους μέσω μιας ποικιλίας μέσων, συμπεριλαμβανομένων ενδεικτικά email, USB ή FTP. Οι προγραμματιστές θα μπορούν να αποθηκεύουν αποτελεσματικά στην προσωρινή μνήμη ολόκληρο το περιεχόμενο ιστού που πρόκειται να κοινοποιηθεί χρησιμοποιώντας API όπως Περιοδικός συγχρονισμός φόντου και Ευρετηρίαση περιεχομένου και στη συνέχεια αποδίδουν επιλεκτικά το απαιτούμενο περιεχόμενο ακόμα κι αν ο τελικός χρήστης δεν είναι συνδεδεμένος στο διαδίκτυο. Για να μπορέσουν οι προγραμματιστές ιστού να χρησιμοποιήσουν αυτήν τη λειτουργία, η Google καθιστά διαθέσιμα Πακέτα Ιστού πίσω από μια σημαία Chrome, ενώ τα δύο API θα είναι διαθέσιμα ως δοκιμές προέλευσης.

Εμπειρία ιστού που μοιάζει με εγγενή

Ενώ γνωρίζει ότι πολλοί χρήστες χρησιμοποιούν τα κινητά τους τηλέφωνα για να συνδεθούν στο διαδίκτυο, η Google αναγνωρίζει επίσης τα μοτίβα χρήσης μεταξύ συσκευών σε όλο τον κόσμο. Για περισσότερα από δύο χρόνια, η Google πιέζει Προοδευτικές εφαρμογές Ιστού (PGA) ως υποκατάστατο των εγγενών εφαρμογών Android με στόχο τη μείωση του χρόνου φόρτωσης και της κατανάλωσης δεδομένων.

[wideo width="390" height="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]

Για να ευθυγραμμίσει τις εφαρμογές στον Ιστό με εγγενείς εφαρμογές, η Google ανακοινώνει τρεις νέες δυνατότητες για προγραμματιστές. Αυτά είναι:

1. Δέκτης SMS, το οποίο θα επιτρέπει στις εφαρμογές ιστού να ανακτούν κωδικούς ελέγχου ταυτότητας που βασίζονται σε SMS, όπως ακριβώς μπορούν οι εφαρμογές. Στο παραπάνω βίντεο, μπορείτε να δείτε πόσο απρόσκοπτα η διαδικτυακή έκδοση του Swiggy, μιας ινδικής υπηρεσίας παραγγελιών φαγητού, προτείνει στον χρήστη να αξιοποιήσει τον κωδικό επαλήθευσης που έλαβε μέσω SMS.
2. Επικοινωνήστε με τον Επιλογέα, το οποίο θα επιτρέπει στους χρήστες να ανεβάζουν επαφές σε εφαρμογές Ιστού με τρόπο παρόμοιο με την κοινή χρήση επαφών σε εφαρμογές ανταλλαγής μηνυμάτων όπως το WhatsApp.
3. API εγγενούς συστήματος αρχείων, το οποίο θα δώσει στις εφαρμογές Ιστού την άδεια και τη δυνατότητα να διαβάζουν αρχεία και φακέλους από τη συσκευή ενός χρήστη και να αποθηκεύουν απευθείας τις αλλαγές σε αυτά. Οι πιθανές εφαρμογές αυτής της δυνατότητας μπορεί να περιλαμβάνουν διαδικτυακούς επεξεργαστές κειμένου, προγράμματα επεξεργασίας φωτογραφιών και βίντεο, ακόμη και IDE που βασίζονται στον ιστό και άλλα.

Αυτά τα API θα είναι επίσης διαθέσιμα ως δοκιμές προέλευσης για το Google Chrome.

Νέες μετρήσεις και οδηγίες για προγραμματιστές

Για να συμβάλει στη διαμόρφωση της γενικής "υγείας του ιστού", η Google ανακοίνωσε ένα έργο που ονομάζεται Το Web Almanac σε συνεργασία με την Αρχείο HTTP. Με την καθοδήγηση από 85 εμπειρογνώμονες, το έργο στοχεύει στην αναζήτηση πληροφοριών και στην οπτικοποίηση των τάσεων σε δεδομένα που μπορούν να εφαρμοστούν σχετικά με τις καλύτερες και τις χειρότερες πρακτικές στον Ιστό.

Η αποστολή περιελάμβανε την ανασκόπηση σχεδόν 6 εκατομμυρίων ιστότοπων, μετά από την οποία αυτοί οι ειδικοί έχουν συμπυκνώσει τα συμπεράσματά τους σχετικά με τρόπους βελτίωσης της εμπειρίας των χρηστών σε 20 κεφάλαια. Αυτή η πρακτική θα επαναληφθεί ως «ετήσια παράδοση», έτσι ώστε το Almanac να παραμείνει ένας πολυμήχανος οδηγός για προγραμματιστές ιστού.

Μαζί με αυτό, η Google εισάγει επίσης δύο νέες μετρήσεις για να βοηθήσει τους προγραμματιστές να βελτιστοποιήσουν τους ιστότοπούς τους για τις βέλτιστες πρακτικές. Αυτά είναι:

1. Largest Contentful Paint (LCP), που είναι ο "αντιληπτός" χρόνος φόρτωσης μιας ιστοσελίδας. Με απλά λόγια, είναι ο χρόνος φόρτωσης του "μεγαλύτερου στοιχείου που είναι ορατό στην οπτική γωνία". αυτό θα ποσοτικοποιήστε πόσο γρήγορα φορτώνονται τα βασικά στοιχεία σε μια ιστοσελίδα, ώστε οι προγραμματιστές να μπορούν να εξαλείψουν κάθε είδους της υστέρησης. Το LCP υπολογίζεται για το χρόνο πριν ο χρήστης αλληλεπιδράσει με τη σελίδα, επομένως η πρόθεση εδώ είναι να ελαχιστοποιηθεί η καθυστέρηση φόρτωσης όσο το δυνατόν περισσότερο.
2. Αθροιστική μετατόπιση διάταξης (CLS), το οποίο χρησιμοποιείται για τη μέτρηση της σταθερότητας των ιστοσελίδων. Μπορεί να βοηθήσει τους προγραμματιστές να καθορίσουν πόσο συχνά στοιχεία όπως κουμπιά ή μια συγκεκριμένη εικόνα αλλάζουν τη θέση τους στο τμήμα με δυνατότητα προβολής κατά τη φόρτωση της σελίδας. Έτσι, το CLS μπορεί να βοηθήσει τους προγραμματιστές να εξαλείψουν αυτό το ενοχλητικό ζήτημα των στοιχείων που αλλάζουν τη θέση τους κατά τη φόρτωση της σελίδας. Αυτή η μέτρηση βασίζεται στη "βαθμολογία μετατόπισης διάταξης", η οποία μετρά την τάση των στοιχείων της σελίδας να μετατοπίζονται κατά τη φόρτωση, με αποτέλεσμα να ενοχλούν τους χρήστες. Η βαθμολογία αλλαγής διάταξης θα πρέπει ιδανικά να είναι μηδέν – ή τουλάχιστον όσο το δυνατόν πιο κοντά στο μηδέν – για να διασφαλιστεί μια εμπειρία χωρίς προβλήματα για τους χρήστες.

Με στόχο να βοηθήσει τους προγραμματιστές να επιτύχουν την καλύτερη απόδοση, προσβασιμότητα και αποτελεσματικότητα στους ιστότοπούς τους, η Google επεκτείνει το πεδίο Πακέτα στοίβας Lighthouse σε μια ποικιλία πλαισίων. Εκτός από το WordPress και το Next.js, το οποίο υποστηρίζεται ήδη από το Lighthouse, η Google προσθέτει υποστήριξη για πλαίσια όπως τα AMP, Angular, React, καθώς και το Magento, το CMS που απευθύνεται αποκλειστικά στο ηλεκτρονικό εμπόριο ιστοσελίδες.

Βελτιώστε τη διαχείριση της μνήμης, καλύτερο απόρρητο και μεγαλύτερο έλεγχο

Η Google ισχυρίζεται ότι επενδύει χρόνο, κόπο και χρήματα για να αντιμετωπίσει ένα από τα μεγαλύτερα παράπονα με το Google Chrome και αυτό είναι η κατανάλωση μνήμης. Εκτός από την εργασία για τη βελτίωση της διαχείρισης της μνήμης, βελτιώνουν επίσης συνεχώς την απόδοση του Chrome για να διασφαλίσουν ότι ο ιστός παραμένει προσβάσιμος σε όλους ανεξάρτητα από "τον τύπο της συσκευής τους ή την ταχύτητα διαδικτύου ή την αγοραστική τους δύναμη."

Όσον αφορά το απόρρητο, η επόμενη έκδοση του Google Chrome, δηλαδή η έκδοση 79, θα βελτιώσει τον τρόπο χειρισμού των cookies. Αυτό περιλαμβάνει μια νέα εναλλαγή στη Σελίδα Νέες καρτέλες σε κατάσταση ανώνυμης περιήγησης για να βοηθήσει τους χρήστες να ελέγχουν πολύ καλύτερα τα cookie τρίτων. Η σελίδα Ρυθμίσεις θα τροποποιηθεί επίσης για να είναι εύκολα προσβάσιμη αυτή η εναλλαγή στην κανονική λειτουργία.

Η Google προωθεί τις προσπάθειές της για την ανάπτυξη του Privacy Sandbox, το οποίο ορίζεται ως το σύνολο των ανοιχτών προτύπων που έχουν σχεδιαστεί για τη βελτίωση του απορρήτου στο διαδίκτυο. Το Privacy Sandbox έχει ως στόχο να επιτρέψει στους ιστότοπους να αναπτύσσουν cookies χωρίς να κάνουν τους χρήστες να αισθάνονται καταπονημένοι ή ανασφαλείς λόγω διαφημίσεων, ενώ παράλληλα βρίσκουν τρόπους για να αποκλείσουν τη λήψη δακτυλικών αποτυπωμάτων.