Φόρτωση εικόνων - Προοδευτική Lazy Loading στο WordPress

Τα πολυμέσα μετατρέπουν ένα στείρο ιστολόγιο WordPress σε έναν ζωντανό, πολυσύχναστο ιστότοπο, αλλά η σκληρή αλήθεια είναι ότι τα αρχεία και το SEO δεν ταιριάζουν καλά μεταξύ τους. Δεν υπάρχουν και πολλά να πει κανείς για το αντίθετο - οι πιο αργοί χρόνοι φόρτωσης οδηγούν σε χαμηλότερες βαθμολογίες SEO. Ωστόσο, δεν έχουν χαθεί όλες οι ελπίδες. Πριν από λίγους μήνες μιλήσαμε για το πώς το WP Speed of Light μετριάζει τα προβλήματα με το lazy loading. Τώρα, προχωράμε ένα βήμα παραπέρα.

Υπενθυμίζουμε ότι lazy loading δεν φορτώνει όλες τις εικόνες σε ένα άρθρο ή σελίδα του WordPress μόλις ο χρήστης προσγειωθεί στη σελίδα. Αντ' αυτού, WP Speed of Light περιμένει μέχρι οι εικόνες να εμφανιστούν στο οπτικό πεδίο για να τις κατεβάσει. Με αυτόν τον τρόπο, η σελίδα φορτώνει πολύ πιο γρήγορα αρχικά, βοηθώντας το SEO ενώ παράλληλα κάνει την εμπειρία πιο ευχάριστη για τους αναγνώστες με πιο αργή σύνδεση στο διαδίκτυο.

Στην έκδοση 2.5 του πρόσθετου WordPress, η λειτουργία lazy loading έχει βελτιωθεί ώστε να ανταποκρίνεται λίγο καλύτερα στις συσκευές του κοινού σας και στους περιορισμούς τους. Η τελευταία έκδοση του WP Speed of Lightτου lazy loading είναι πιο αποκρίσιμη, ειδικά για χρήστες με φθηνότερα κινητά ή αργή σύνδεση στο διαδίκτυο.

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

Απομυθοποίηση των εικόνων

Ποιο είναι το καλύτερο πράγμα στην τελευταία ενημέρωση του WP Speed of Light; Αν έχετε το pro addon για το πρόσθετο του WordPress, δεν χρειάζεται σχεδόν να κουνήσετε το δάχτυλό σας. Για να ρυθμίσετε το lazy loading, μεταβείτε στο μενού WP Speed of Light βελτιστοποίηση ταχύτητας . Από εκεί, ενεργοποιήστε το image lazy loading από την καρτέλα speedup .

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

Όπως φαίνεται παραπάνω, οι εικόνες σας θα εμφανίζουν αρχικά μια εικόνα placeholder χαμηλής ανάλυσης σε αργά δίκτυα, θολωμένη ώστε να είναι πιο ευχάριστη αισθητικά. Το WordPress φορτώνει - ή μάλλον, φορτώνει με lazy loading - την εικόνα πλήρους ανάλυσης στο παρασκήνιο χωρίς να διακόπτει τον αναγνώστη. Όταν η εικόνα ολοκληρώσει το lazy loading, η εικόνα placeholder δίνει τη θέση της στην πλήρη εικόνα.

Προοδευτική Lazy Loading και SEO στο WordPress

Το ερώτημα του ενός εκατομμυρίου, ωστόσο, είναι πώς αυτό το νέο lazy loading εικόνας επηρεάζει το SEO. Εξάλλου, δεν θα πρόσθετε περισσότερο χρόνο φόρτωσης το θολό placeholder εικόνας; Στην πραγματικότητα, ναι. Στην πράξη, καθόλου. Το placeholder του WP Speed of Lightείναι μια μικροσκοπική εικόνα 20 pixel που χρειάζεται αμελητέο χρόνο για να φορτώσει, χωρίς να προσθέτει επιβάρυνση στους χρόνους φόρτωσης του SEO σας. Ταυτόχρονα, το θόλωμα κρύβει τα pixelated artifacts της εικόνας χαμηλής ποιότητας.

Και όπως στην προηγούμενη έκδοση του lazy loading , όλα τα στοιχεία SEO HTML των εικόνων φορτώνονται με την πρώτη φορά (χωρίς lazy loading). Επομένως, τα bots της Google και άλλα μπορούν να διαβάσουν το όνομα αρχείου της εικόνας, τον τίτλο και το alt tag.

Το SEO είναι σημαντικό, αλλά θα πρέπει να είναι δευτερεύον σε σχέση με την εμπειρία του χρήστη. Η τελευταία ενημέρωση του WP Speed of Lightακολουθεί πιστά αυτή την αρχή, συνδυάζοντας τη λειτουργικότητα που ωφελεί το SEO με την αισθητική που κάνει τους αναγνώστες να επιστρέφουν ξανά και ξανά - όλα χωρίς επιπλέον κόστος για το SEO. Δείτε την απόδοση ενός προοδευτικού lazy loading εδώ:

Αν θέλετε να εφαρμόσετε το προοδευτικό lazy loading στον ιστότοπό σας WordPress, απλώς ακολουθήστε αυτόν τον σύνδεσμο: https://www.joomunited.com/wp-speed-of-light

WP Speed of Light είναι αποτελεσματικό σε όλες τις Υπηρεσίες Φιλοξενίας στο διαδίκτυο, για παράδειγμα, το Cloudways είναι ένα τέλειο παράδειγμα μιας δημοφιλούς υπηρεσίας.