Φόρτωση Εικόνας - Προοδευτική 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 ’s βελτιστοποίησης ταχύτητας. Από εκεί, ενεργοποιήστε την εικόνα lazy loading από την καρτέλα επιτάχυνσης

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

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

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

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

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

Το 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 είναι ένα τέλειο παράδειγμα μιας δημοφιλούς υπηρεσίας