Το Google Chrome υποστηρίζει πλέον τεμπέλικα iframe φόρτωσης για επιτάχυνση της φόρτωσης σελίδων

Η αύξηση της επισκεψιμότητας ιστού από χρήστες κινητών και άτομα σε όλο τον κόσμο με περιορισμένες δυνατότητες σύνδεσης ώθησε τις εταιρείες και τους προγραμματιστές να βελτιστοποιήσουν σε μεγάλο βαθμό τις ταχύτητες φόρτωσης ιστότοπου. Παραδοσιακά, όταν πλοηγείστε σε μια ιστοσελίδα, πραγματοποιεί λήψη και εμφανίζει όλο το διαθέσιμο περιεχόμενο: εικόνες, εικονίδια, GIF, στυλ, σενάρια και ούτω καθεξής. Όπως μπορείτε να φανταστείτε, η φόρτωση όλου αυτού του υλικού προκαλεί καθυστέρηση κατά την εκκίνηση του ιστότοπου, ειδικά για χρήστες με αργές συνδέσεις. Η Google προσπαθεί να εξαλείψει αυτό το πρόβλημα για λίγο. Μόλις πέρυσι, πρόσθεσαν λειτουργία τεμπέλης φόρτωσης εικόνας στο Google Chrome 76. Τώρα, η Google φέρνει την ίδια λειτουργικότητα στα iframes.

Η αργή φόρτωση φορτώνει τα περιεχόμενα της ιστοσελίδας κατά παραγγελία, πράγμα που σημαίνει ότι δεν θα γίνει λήψη και εμφανίζονται μέχρι να κάνετε κύλιση προς τα κάτω και να τα εμφανίσετε στην προβολή, μειώνοντας έτσι την αρχική εκκίνηση του ιστότοπου Ταχύτητα. Όπως αναφέρθηκε, η αργή φόρτωση εικόνων ήταν διαθέσιμη στο Chrome από πέρυσι, αλλά τώρα οι προγραμματιστές μπορούν να χρησιμοποιήσουν την ίδια μέθοδο και στα iframes. Για να το εφαρμόσετε στον δικό σας ιστότοπο, το μόνο που έχετε να κάνετε είναι να προσθέσετε

φόρτωση = "τεμπέλης" αποδίδουν στις εικόνες σας ή/και στοιχεία iframe. Προγράμματα περιήγησης όπως ο Firefox και το Safari έχουν ήδη εφαρμόσει τη δυνατότητα εγγενούς τεμπέλης φόρτωσης εικόνων. Όσο για τα iframes, εξακολουθούν να εργάζονται για να διορθώσουν μερικά σφάλματα. Η Google ανέφερε επίσης ότι το Chrome για Android σε λειτουργία Lite φορτώνει αυτόματα εικόνες εκτός οθόνης και iframe.

Κατά ειρωνικό τρόπο, κατά τη διάρκεια της δοκιμής του τρόπου με τον οποίο οι ενσωματώσεις βίντεο του YouTube (που βασίζονται σε iframe) θα επηρέαζαν την ταχύτητα φόρτωσης της ιστοσελίδας κατά τη φόρτωση αργά, η ομάδα του Chrome ανακάλυψε ότι "εξοικονομήσαμε 10 δευτερόλεπτα από το πόσο σύντομα οι σελίδες μας θα μπορούσαν να είναι διαδραστικές σε κινητές συσκευές." Περιττό να πούμε ότι το lazy-loading έχει πραγματικά πλεονεκτήματα σε σχέση με την παραδοσιακή μέθοδο λήψης ολόκληρου του περιεχομένου της ιστοσελίδας αμέσως μόλις την επισκεφτείτε.

---

Πηγή: web.dev

Μέσω: Techdows