Προοδευτική Lazy Loading για Joomla

Η δημιουργία εξαιρετικού περιεχομένου στο Joomla! είναι ένα πράγμα, και η προσβασιμότητά του είναι κάτι άλλο. Lazy loading είναι μια λύση που συνδυάζει τα δύο χωρίς να αλλάζει τη ροή εργασίας σας. Με την προοδευτική lazy loading, οι εικόνες φορτώνουν μόνο εάν και όταν χρειάζεται. Εάν ο αναγνώστης δεν φτάσει ποτέ σε μια εικόνα στην ιστοσελίδα, αυτή δεν θα κατέβει ποτέ. Τώρα, lazy loading είναι επίσης διαθέσιμη στο Joomla!

Τα οφέλη της lazy loading είναι πολλά. Οι σελίδες φορτώνουν πιο γρήγορα, πράγμα που σημαίνει ότι η εμπειρία χρήστη είναι καλύτερη, οι βαθμολογίες SEO ανεβαίνουν στα ύψη και το περιεχόμενό σας στο Joomla είναι πιο προσβάσιμο σε χρήστες με συσκευές χαμηλής τεχνολογίας ή αργή πρόσβαση στο διαδίκτυο. Πριν από λίγες εβδομάδες, παρουσιάσαμε μια βελτίωση στη βασική lazy loading στο WordPress . Σήμερα, την παρουσιάζουμε και για το Joomla!, αλλά πριν από αυτό, μια ματιά στο πώς μπορείτε να ενεργοποιήσετε την προοδευτική lazy loading στο Joomla!

Ενεργοποίηση Lazy Loading στο Joomla!

Lazy loading στο Joomla! αποτελεί μέρος της Speed Cache . Η ενεργοποίηση lazy loading Speed Cache του Joomla! περιλαμβάνει επίσης και άλλες λειτουργίες που σας βοηθούν να αξιοποιήσετε στο έπακρο την lazy loading .

Για να ρυθμίσετε lazy loading στο ιστολόγιό σας Joomla!, μεταβείτε στον Speed Cache . Από εκεί, κάντε κλικ στο διαμόρφωσης για να μεταβείτε στη νέα Speed Cache .

Οι lazy loading βρίσκονται στην παραμέτρων . Πλοηγηθείτε εκεί ή χρησιμοποιήστε την ολοκαίνουργια λειτουργία αναζήτησης για να αναζητήσετε τις lazy loading . Για να ενεργοποιήσετε lazy loading , απλώς ενεργοποιήστε την lazy loading . Μόλις το κάνετε αυτό, Speed Cache εμφανίζει νέες επιλογές για να προσαρμόσετε lazy loading ώστε να ταιριάζει στον ιστότοπό σας.

Εξαίρεση εικόνων από το Joomla! Lazy Loading

Με τα δύο πρώτα πεδία, μπορείτε να εξαιρέσετε ορισμένες εικόνες από lazy loading εάν είναι πολύ μικρές, όπως εικονίδια ή μικρά λογότυπα. Αυτό είναι χρήσιμο για να ενεργοποιήσετε lazy loading μόνο για εικόνες που επηρεάζουν πραγματικά τον χρόνο φόρτωσης του ιστολογίου σας Joomla!. Για αυτόν τον λόγο, βεβαιωθείτε ότι εξαιρείτε μόνο πολύ μικρές εικόνες, ώστε να μην καταστήσετε lazy loading αναποτελεσματική.

Σε ορισμένες περιπτώσεις, ωστόσο, ίσως θελήσετε να εξαιρέσετε (ή να συμπεριλάβετε) ολόκληρα σύνολα αναρτήσεων ή σελίδων Joomla! από lazy loading. Οι λόγοι για τους οποίους θα το κάνατε αυτό ποικίλλουν σε μεγάλο βαθμό και είναι λογικοί—ίσως τα μέσα που περιλαμβάνουν είναι αναπόσπαστο κομμάτι του περιεχομένου. Τα ακόλουθα δύο πεδία χρησιμοποιούνται για τον σκοπό αυτό.

Με το πρώτο πεδίο μπορείτε να ενεργοποιήσετε lazy loading μόνο για συγκεκριμένες σελίδες και με το δεύτερο πεδίο μπορείτε να απενεργοποιήσετε lazy loading μόνο για μια επιλογή περιεχομένου. Και στις δύο περιπτώσεις, επιτρέπονται επίσης οι χαρακτήρες μπαλαντέρ. Χρησιμοποιήστε το σύμβολο του αστερίσκου για να εφαρμόσετε lazy loading σε σύνολα αναρτήσεων ή σελίδων Joomla! με παρόμοιο όνομα. Αποθηκεύστε τις αλλαγές για να ενεργοποιήσετε lazy loading: lazy loading ισχύει αυτόματα στο ιστολόγιό σας Joomla!.

Πώς λειτουργεί η προοδευτική Lazy Loading στο Joomla!

Lazy loading εμφανίζει το περιεχόμενο μόλις χρειαστεί. Συνήθως, οι σελίδες αποτελούνται από έναν συνδυασμό κειμένου και εικόνων. Η λήψη πολυμέσων διαρκεί περισσότερο χρόνο από τη λήψη κειμένου, ειδικά σε κινητά χαμηλότερης κατηγορίας ή με αργή πρόσβαση στο διαδίκτυο. Ενώ το ιστολόγιό σας Joomla! δεν μπορεί να επιταχύνει μαγικά τα κινητά ή την πρόσβαση στο διαδίκτυο, μπορεί να κάνει το επόμενο καλύτερο πράγμα: να βελτιώσει την εμπειρία χρήστη.

Αυτό που σημαίνει στην ουσία lazy loading είναι ότι το πρόγραμμα περιήγησης φορτώνει αρχικά το κείμενο, το οποίο συνήθως αποτελεί αναπόσπαστο μέρος του ιστολογίου σας στο Joomla!. Το κείμενο είναι επίσης πολύ μικρότερο σε μέγεθος, επομένως φορτώνει πιο γρήγορα και οι αναγνώστες σας μπορούν να το παρακολουθήσουν. Όταν κάνουν κύλιση προς τα κάτω και εμφανίζεται μια εικόνα, lazy loading κάνει λήψη και εμφάνιση της εικόνας.

Στην πραγματικότητα, μπορεί να χρειαστεί λίγος χρόνος για να φορτώσει μια εικόνα. Επομένως, η προοδευτική lazy loading εικόνας δημιουργεί αυτόματα μια μικρή έκδοση εικόνων—πλάτους 20px, με 4 χρώματα και μέγεθος μόλις λίγων KB—τις μεγεθύνει στο αρχικό μέγεθος και στη συνέχεια τις θολώνει. Το αποτέλεσμα είναι μια θολή έκδοση της εικόνας πλήρους μεγέθους που υποδεικνύει ότι η εικόνα εξακολουθεί να λαμβάνεται. Όταν lazy loading ολοκληρώσει τη λήψη της εικόνας, το Joomla! αντικαθιστά τη θολή εικόνα με την πλήρη εικόνα.

Η προοδευτική lazy loading ενεργοποιείται αυτόματα με lazy loading, πράγμα που σημαίνει ότι δεν χρειάζεται να κάνετε καμία επιπλέον αλλαγή. Το καλύτερο από όλα είναι ότι χρησιμοποιώντας μόνο μικρές εκδόσεις της εικόνας, η προοδευτική lazy loading προσθέτει πολύ μικρή επιβάρυνση στον χώρο αποθήκευσης του Joomla!.

Lazy Loading στις συλλογές του Joomla!

Lazy loading δεν κάνει διακρίσεις. lazy loading του Speed Cacheλειτουργεί για οποιαδήποτε εικόνα, συμπεριλαμβανομένων των συλλογών, όπως οι συλλογές Droppics . Όπως και οι κανονικές εικόνες, Speed Cache μεγεθύνει μια μικρή έκδοση των εικόνων στη συλλογή και τη θολώνει. Όταν οι χρήστες κάνουν κύλιση προς τα κάτω, lazy loading κατεβάζει τις εικόνες πλήρους μεγέθους.

Το καλύτερο από όλα είναι ότι lazy loading του Speed Cacheδεν εμποδίζει τη ροή εργασίας σας. Αντίθετα, εισάγει lazy loading στη διαδικασία σας: απλώς εισάγετε μια εικόνα ή μια συλλογή οπουδήποτε στο ιστολόγιό σας στο Joomla! και Speed Cache φορτώνει αυτόματα τις εικόνες αργά χρησιμοποιώντας AJAX μία προς μία μετά τη φόρτωση του κύριου περιεχομένου —κυρίως του κειμένου και των μικρών εικόνων που εξαιρούνται από τις προτιμήσεις σας.

Έξυπνη Lazy Loading με βάση το ύψος της οθόνης

Lazy loading έχει να κάνει με την κύλιση και το ύψος της οθόνης. lazy loading του Speed Cacheείναι πολύ έξυπνη, καθώς εφαρμόζεται μόνο στο τρέχον ύψος της οθόνης (βάσει του παραθύρου προβολής) και προφορτώνει την επόμενη. Έτσι, εάν έχετε γρήγορη σύνδεση ή εάν κάνετε αργή κύλιση, δεν θα παρατηρήσετε καν ότι lazy loading είναι ενεργοποιημένη στον ιστότοπό σας στο Joomla.

Επιπλέον, αυτή η lazy loading με βάση το ύψος της οθόνης εφαρμόζεται μόνο στο τρέχον ύψος της οθόνης, ακόμα κι αν βρίσκεται στη μέση της σελίδας, στην περίπτωση για παράδειγμα ενός συνδέσμου προς μια άγκυρα. Στη συνέχεια, η lazy loading εφαρμόζεται μόλις κάνετε κύλιση προς τα πάνω ή προς τα κάτω.

Joomla SEO και Lazy Loading

Η lazy loading που χρησιμοποιείται στο Speed Cache δεν επηρεάζει το SEO. Στην πραγματικότητα, οι μηχανές αναζήτησης που ανιχνεύουν το περιεχόμενό σας, όπως το bot της Google, θα δουν μόνο πλεονεκτήματα:

• Οι χρόνοι φόρτωσης της σελίδας είναι πολύ καλύτεροι.
• Όλο το περιεχόμενο της εικόνας, συμπεριλαμβανομένου του εναλλακτικού κειμένου, του τίτλου και της περιγραφής της εικόνας, φορτώνεται αμέσως χωρίς lazy loading.
• Οι λεζάντες εικόνων φορτώνονται επίσης κατά την πρώτη εμφάνιση της σελίδας.

Η προοδευτική lazy loading είναι ένας συμβιβασμός μεταξύ της εμφάνισης πολυμέσων και της καθυστέρησης της λήψης τους με την προσθήκη οπτικών ενδείξεων. Ταυτόχρονα, lazy loading κάνει την πλοήγηση στο ιστολόγιό σας στο Joomla! μια ταχύτερη και ευχάριστη εμπειρία. Δεν θα έπρεπε να υπάρχουν όρια στην κοινή χρήση εξαιρετικού περιεχομένου και τώρα, με την προοδευτική lazy loading στο Joomla!, δεν υπάρχουν όρια ούτε στην προσβασιμότητα του.

Φυσικά, μπορούμε επίσης να έχουμε κατά νου ότι Speed Cache προσφέρει επίσης πολλά άλλα εξαιρετικά εργαλεία, όπως μια πολύ ωραία ενότητα Cache που θα μας επιτρέψει να επιταχύνουμε τους ιστότοπούς μας και να τους πάμε στο επόμενο επίπεδο!

Ελέγξτε Speed Cache για το Joomla:  https://www.joomunited.com/products/speed-cache