Iframe και HTML5 lazy loading, προφόρτωση cache και άλλα στο WordPress

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

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

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

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

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

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

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

Προφόρτωση cache για δημοσιεύσεις και σελίδες του WordPress 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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