Iframe και HTML5 lazy loading, προσωρινή αποθήκευση και άλλα στο WordPress

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

Η τελευταία ενημέρωση φέρνει δύο νέους τύπους λειτουργιών. Πρώτον, το WP Speed of Light Addon έχει νέες λειτουργίες για τη βελτιστοποίηση των χρόνων φόρτωσης, ιδίως με τη δυνατότητα καθυστερημένης φόρτωσης iframe και βίντεο HTML5. Δεύτερον, το πρόσθετο WordPress τώρα σας δίνει ακόμη μεγαλύτερη ευελιξία για να αποφασίσετε πώς να αποθηκεύσετε προσωρινά αρχεία και πώς να ομαδοποιήσετε και να ελαχιστοποιήσετε σενάρια και φύλλα στυλ. Ας βουτήξουμε! 

Iframe και βίντεο HTML5 lazy loading στο WordPress 

Εάν οι χρόνοι φόρτωσης είναι η προτεραιότητά σας, τότε δεν χρειάζεται να κοιτάξετε μακριά. Στις κύριες ρυθμίσεις του WP Speed of Light, έχει εμφανιστεί ένας νέος εναλλάξιμος διακόπτης για να ενισχύσει τους χρόνους φόρτωσης του ιστολογίου σας στο WordPress και, μαζί με αυτό, τη βαθμολογία SEO σας: Iframe & βίντεο lazy loading.

Το Lazy loading είναι μια τεχνική επιτάχυνσης που φορτώνει πολυμέσα — κυρίως εικόνες και βίντεο — μόνο όταν ένας χρήστης μετακινηθεί σε αυτά. Εάν ο χρήστης δεν τα φτάσει ποτέ, η εικόνα ή το βίντεο απλά δεν φορτώνεται ποτέ. Με τη φόρτωση στοιχείων μόνο όταν και εάν χρειάζεται, το WP Speed of Light δεν χάνει χρόνο και μειώνει το πόσο πρέπει να περιμένουν οι χρήστες σας πριν αλληλεπιδράσουν με το ιστολόγιό σας. 

Η νέα δυνατότητα αντιμετωπίζει τους χειρότερους παραβάτες όλων. Τα Iframes, συχνά ιστοσελίδες ή widgets, ενσωματώνονται στο ιστολόγιό σας στο WordPress — φανταστείτε να φορτώνετε πολλές ιστοσελίδες ταυτόχρονα. Αντίθετα, τα βίντεο HTML5 λειτουργούν σαν κανονικά βίντεο και επίσης καταναλώνουν χρόνο φόρτωσης.

Ευτυχώς, με WP Speed of Light, η βελτίωση των χρόνων φόρτωσης είναι μια εξαιρετικά απλή διαδικασία. Για να ενεργοποιήσετε lazy loading για iframes και βίντεο HTML5, απλώς μεταβείτε στις ρυθμίσεις της προσθήκης WordPress. Εναλλάξτε τον διακόπτη με την ένδειξη iframe & βίντεο lazy loading και αξιοποιήστε τους βελτιωμένους χρόνους φόρτωσης.

Προφόρτωση προσωρινής μνήμης για καταχωρήσεις και σελίδες WordPress 

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

Η έκδοση 3.1 και 3.2 του WP Speed of Light έχουν προσθέσει υποστήριξη για την προφόρτωση ιστοσελίδων που αναφέρονται σε XML χάρτες ιστοτόπου. Οι χάρτες ιστοτόπου καθοδηγούν τις μηχανές αναζήτησης, όπως το Google, το Bing και το Yahoo, να βρουν τις σελίδες στον ιστότοπό σας. Κανονικά, τότε, οι χάρτες ιστοτόπου περιέχουν συνδέσμους προς τις πιο σημαντικές σελίδες στο blog σας, ή ακόμα και σε όλες. Με τη σειρά τους, οι χάρτες ιστοτόπου αντιπροσωπεύουν το ιδανικό εργαλείο για την προφόρτωση της προσωρινής μνήμης. 

Για να ενεργοποιήσετε την προφόρτωση cache, μεταβείτε στην προηγμένη καρτέλα στις ρυθμίσεις του WP Speed of Light. Βεβαιωθείτε ότι έχετε ενεργοποιήσει την προφόρτωση cache και στη συνέχεια προσθέστε συνδέσμους στους χάρτες ιστότοπού σας στο σωστό πεδίο. Εάν δεν είστε βέβαιοι για τους συνδέσμους του χάρτη ιστότοπου, μπορείτε να χρησιμοποιήσετε μια επέκταση SEO, όπως WP Meta SEO

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

Η προσωρινή αποθήκευση τώρα υποστηρίζει επίσης την εκκαθάριση της προσωρινής μνήμης μόνο για συγκεκριμένα URLs, ακόμη και αν χρησιμοποιείτε ένα CDN. Τα CDNs εξυπηρετούν το περιεχόμενο του ιστολογίου σας WordPress από διακομιστές σε όλο τον κόσμο, παραδίδοντας ιστοσελίδες από τοποθεσίες που βρίσκονται γεωγραφικά κοντά στους χρήστες. Με την τελευταία ενημέρωση, μπορείτε να καθορίσετε ποιες σελίδες CDN θέλετε να αποθηκεύσετε στην προσωρινή μνήμη.

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

 Βελτίωση της ομαδοποίησης και της ελαχιστοποίησης σεναρίων και φύλλων στυλ

Καθώς ο ιστότοπός σας στο WordPress μεγαλώνει και αλλάζει, το blog σας θα τείνει να επιβραδύνεται. Το ένστικτό σας μπορεί να σας πει να αποδεχτείτε την επιβράδυνση ως αναπόφευκτη, αλλά η επιτάχυνση ακόμη και των πιο σύνθετων ιστοσελίδων δεν χρειάζεται να αντιπροσωπεύει ένα αδύνατο έργο. Η ομαδοποίηση και η ελαχιστοποίηση σας βοηθούν να ελέγξετε τους χρόνους φόρτωσης.

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

WP Speed of LightΟι ρυθμίσεις ομαδοποίησης και ελαχιστοποίησης βρίσκονται στην κατάλληλα ονομασμένη καρτέλα Ομαδοποίηση και ελαχιστοποίηση στις ρυθμίσεις. Τώρα, στην τελευταία έκδοση του πρόσθετου, μπορείτε να προσαρμόσετε πώς συμπεριφέρεται η ομαδοποίηση και η ελαχιστοποίηση στο ιστολόγιό σας.

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

Μια άλλη επιλογή βελτιστοποίησης είναι η αναβολή φόρτωσης φύλλων στυλ και σεναρίων. Με άλλα λόγια, με το WP Speed of Light, μπορείτε πρώτα να φορτώσετε το περιεχόμενο και στη συνέχεια, στο τέλος, να φορτώσετε τα φύλλα στυλ και τα σενάρια. Ο στόχος: ο χρήστης μπορεί να αλληλεπιδράσει με τη σελίδα, έστω και με περιορισμένο τρόπο, νωρίτερα. Τώρα, εάν ενεργοποιήσετε την αναβολή κώδικα JavaScript, το πρόσθετο θα αναβάλει επίσης τα ενσωματωμένα σενάρια.

Η βελτιστοποίηση είναι σημαντική, αλλά κάθε ιστολόγιο WordPress έχει διαφορετικές ανάγκες. Καθώς το WP Speed of Light συνεχίζει να εξελίσσεται, το ίδιο κάνει και η προσφορά του. Οι εκδόσεις 3.1 και 3.2 του προσθέτου προσφέρουν και τις δύο νέες λειτουργίες για να επιταχύνουν όλα τα ιστολόγια — iframe και βίντεο HTML5 lazy loading— και νέες επιλογές για να ρυθμίσετε πώς λειτουργεί η προσωρινή αποθήκευση, η ομαδοποίηση και η ελαχιστοποίηση.

Ένα από τα καλύτερα χαρακτηριστικά που WP Speed of Light θα μπορούσε να έχει είναι ότι είναι συμβατό με όλους τους Hostings, για παράδειγμα με Cloudways που είναι ένας ισχυρός :)

Εάν το ιστολόγιό σας στο WordPress χρειάζεται επιτάχυνση, μην ψάχνετε άλλο. Μάθετε περισσότερα για το WP Speed of Light εδώ.