Υπάρχουν πολλοί τρόποι για να βελτιώσετε την απόδοση του blog σας WordPress. Έχουμε συζητήσει τη χρήση του plugin caching, τον καθαρισμό και τη βελτιστοποίηση της βάσης δεδομένων σας και επίσης πολλές άλλες συμβουλές για την επιτάχυνση του χρόνου φόρτωσης. Σε αυτό το άρθρο, θα σας δείξουμε πώς μπορείτε να βελτιώσετε περαιτέρω την απόδοση του ιστότοπού σας φορτώνοντας τις εικόνες σας κατόπιν παραγγελίας.

Όλοι οι ιδιοκτήτες ιστολογίου θα γνωρίζουν ότι οι εικόνες παίζουν σημαντικό ρόλο σε μια θέση blog. Στο Make Tech Easier, αγαπάμε να χρησιμοποιήσουμε πολλά screenshots για να κάνουμε το tutorial πιο ξεκάθαρο και πιο κατανοητό. Ωστόσο, υπάρχει ένα πρόβλημα με αυτό. Όσο περισσότερες εικόνες έχετε, τόσο πιο αργή γίνεται φόρτωση του ιστότοπου και χρησιμοποιείται περισσότερο εύρος ζώνης. Επιπλέον, καθώς έχουμε αναθέσει σε τρίτους τη φιλοξενία εικόνων στο Amazon S3, το υψηλότερο εύρος ζώνης μεταφράζεται επίσης σε υψηλότερο κόστος.

Μια καλή λύση σε αυτό είναι να φορτώσετε τις εικόνες σας στη ζήτηση, ή αυτό που είναι πιο γνωστό ως τεμπέληνη φόρτωση.

Lazy loader είναι ένα plugin jQuery που καθυστερεί τη φόρτωση εικόνων σε (μεγάλες) ιστοσελίδες. Οι εικόνες που βρίσκονται έξω από το παράθυρο προβολής (ορατό τμήμα της ιστοσελίδας) δεν θα φορτωθούν μέχρι να μετακινηθούν οι χρήστες σε αυτές. Για ιστότοπους που χρησιμοποιούν πολλές εικόνες, τεχνητό φορτίο μπορεί να κάνει τη φόρτωση σελίδας πιο γρήγορα και επίσης να συμβάλει στη μείωση του φόρτου του διακομιστή (και του κόστους).

Για να αποφύγετε να μπείτε στην τεχνική λεπτομέρεια, ας δούμε τους (απλούστερους) τρόπους με τους οποίους μπορείτε να ενσωματώσετε αυτό στο blog του WordPress.

1. jQuery Εικόνα Lazy Loader

Χωρίς αμφιβολία, το plugin είναι ο τρόπος για να απλοποιήσετε τα πράγματα στο WordPress. jQuery Image Lazy Loader είναι ένα τέτοιο plugin που ενσωματώνει το τεμπέλης χαρακτηριστικό φόρτωσης στον ιστότοπό σας.

Δεν απαιτούνται ρυθμίσεις. Το μόνο που χρειάζεται να κάνετε είναι να εγκαταστήσετε το plugin και να το ενεργοποιήσετε.

Αφού ενεργοποιηθεί, το τελετουργικό φορτίο φόρτωσης θα λειτουργήσει σε όλες τις σελίδες του ιστότοπου.

2. Lazy Loader

Lazy Loader είναι ένα άλλο πρόσθετο που ενσωματώνει το τεμπέλης χαρακτηριστικό φόρτωσης στον ιστότοπό σας. Η διαφορά είναι, είναι διαμορφώσιμη. Η προσθήκη Lazy Loader δεν είναι διαθέσιμη στο αποθετήριο WordPress, οπότε πρέπει να μεταβείτε στον ιστότοπο του προγραμματιστή και να τον κατεβάσετε (πράγμα που σημαίνει επίσης ότι δεν θα μπορείτε να το εγκαταστήσετε απευθείας από τον πίνακα ελέγχου του WordPress).

Μόλις το κατεβάσετε, εγκαταστήσετε και ενεργοποιήσετε, μπορείτε να μεταβείτε στην ενότητα " Ρυθμίσεις -> Lazy Loader " για να διαμορφώσετε την προσθήκη.

Οι διαθέσιμες επιλογές περιλαμβάνουν την εισαγωγή του τελετουργικού σεναρίου φόρτωσης σε όλες τις σελίδες, την αρχική σελίδα, τις θέσεις, τις σελίδες, την κατηγορία κ.λπ. Μπορείτε επίσης να ορίσετε το όριο κατωφλιού (τον αριθμό των εικόνων που θα φορτωθούν κάτω από το παράθυρο προβολής) για να αποφύγετε καθυστέρηση στη φόρτωση της εικόνας.

Άλλες επιλογές περιλαμβάνουν τα εφέ φόρτωσης και τη χρήση της δικής σας θέσης κράτησης θέσης.

συμπέρασμα

Λανθασμένη φόρτωση είναι ένας καλός τρόπος να μειωθεί το εύρος ζώνης του ιστότοπού σας, να βελτιωθεί ο χρόνος φόρτωσης της σελίδας και η συνολική απόδοση. Εάν θέλετε απλώς μια λύση plug and play, το jQuery Image Lazy Loader είναι αυτό που πρέπει να κάνετε. Αν θέλετε να έχετε περισσότερο έλεγχο, τότε η προσθήκη Lazy Loader είναι μια καλύτερη επιλογή.

Τέλος, για όσους είναι αρκετά καταρτισμένοι, ίσως θελήσετε να ελέγξετε το έργο τεμπέλης φορτίο για βαθιά ενσωμάτωση στον ιστότοπό σας.

Πιστωτική εικόνα: αταξία