Αυτή τη στιγμή που γράφεται το άρθρο, ένα από τα στοιχεία που παίζουν σημαντικό ρόλο στη κατάταξη των άρθρων και των σελίδων ενός blog στα αποτελέσματα αναζήτησης, είναι αναμφισβήτητα η ταχύτητα. Η Google έχει αναφερθεί αρκετές φορές στο παρελθόν για τη σημασία της ταχύτητας των ιστοσελίδων, ενώ έχει κατασκευάσει εργαλεία όπως το Google PageSpeed Insights για να βοηθάει τους προγραμματιστές και τους bloggers να βελτιστοποιήσουν τα sites τους. Επιπλέον, την ίδια υπηρεσία την έχει ενσωματώσει και στο Google Site Kit, το επίσημο πρόσθετο της για το WordPress.

Στο Inkstory έχω γράψει και δημοσιεύσει αρκετούς τρόπους με τους οποίους μπορείς να αυξήσεις την ταχύτητα της WordPress ιστοσελίδας σου. Στο σημερινό άρθρο, ωστόσο, θα εστιάσω κυρίως στους αρχάριους bloggers, που θέλουν να βελτιστοποιήσουν το blog τους χωρίς να προσλάβουν έναν τεχνικό ή να πληρώσουν ένα σκασμό λεφτά. Με όλα αυτά κατά νου, δώσε έμφανιση στις λεπτομέρειες και σε μερικά λεπτά θα έχεις ένα βελτιστοποιημένο blog με υψηλότερη βαθμολογία στο Google PageSpeed Insights.

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

Ορολογίες που πρέπει να γνωρίζεις:

• Cache: Προσωρινή μνήμη
• CDN: Content Delivery Network
• Plugin(s): Πρόσθετο(α)
• Caching plugins: Τα πρόσθετα που σου επιτρέπουν να ελέγχεις και να διαχειρίζεσαι τη προσωρινή μνήμη της ιστοσελίδας σου. Παράλληλα, πολλά παρέχουν έξτρα δυνατότητες και λειτουργίες, ώρες για τη βελτιστοποίηση των HTML, CSS και JavaScript αρχείων, CDN,κ.α.

Τι είναι το FlyingPress;

Το FlyingPress είναι ένα ελαφρύ, γρήγορο και εύκολο στη χρήση πρόσθετο για το WordPress, το οποίο σου επιτρέπει να αυξήσεις σημαντικά την ταχύτητα της ιστοσελίδας σου, απλά ενεργοποιώντας ορισμένες λειτουργίες με το πάτημα ενός κουμπιού. Παράλληλα, αυξάνει σημαντικά τη βαθμολογία που λαμβάνει η ιστοσελίδα σου μέσω του Google PageSpeed Insights, του GTMetrix και μεταξύ άλλων υπηρεσιών για τον έλεγχο της ταχύτητας, ενώ διορθώνει όλα τα Core Web Vitals.

Σε ποιους απευθύνεται;

Το πρόσθετο απευθύνεται σε όλους όσους τρέχουν τις ιστοσελίδες τους πάνω στο WordPress και θέλουν να τις βελτιστοποιήσουν χωρίς να έχουν απολύτως καμία γνώση πάνω σε τέτοιου είδους πρόσθετα ή πάνω σε γλώσσες προγραμματισμού. Το FlyingPress είναι ίσως το ευκολότερο στη χρήση caching plugin που υπάρχει αυτή τη στιγμή, ενώ η CDN υπηρεσία του μπορεί να ενεργοποιηθεί σε μόλις μερικά δευτερόλεπτα (χωρίς υπερβολές).

Πόσο εύκολα ρυθμίζεται;

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

Πόσο έμπιστο και σταθερό είναι;

Το FlyingPress είναι ένα σχετικά καινούργιο πρόσθετο το οποίο αναπτύσσεται ακόμα. Παρόλα αυτά, από την αρχή της κυκλοφορίας του ακόμα, παρείχε εξ ‘αρχής μερικά απ’ τα βασικότερα χαρακτηριστικά, και πολλά περισσότερα απ’ ότι παρέχουν άλλα πρόσθετα του είδους. Χρησιμοποιώ και το πρόσθετο αλλά και τη CDN υπηρεσία στο Inkstory και σε ορισμένα blogs πελατών, και μέχρι στιγμής λειτουργεί άψογα και χωρίς προβλήματα. Αν προκύψει κάτι, θα το αναφέρω ακριβώς από κάτω.

Τι είναι το FlyingCDN;

Το FlyingCDN είναι μια CDN υπηρεσία η οποία μπορεί να ενεργοποιηθεί μέσα από τις ρυθμίσεις του FlyingPress plugin. Για να λειτουργήσει η CDN υπηρεσία θα πρέπει πρώτα να έχεις αποκτήσει, εγκαταστήσει και ενεργοποιήσει το FlyingPress στην WordPress ιστοσελίδα σου. Η υπηρεσία χρεώνεται επίσης μηνιαίως και αντί να τραβάει τα χρήματα από την χρεωστική, πιστωτική, ή προ-πληρωμένη κάρτα σου, τα τραβάει μέσα από τον FlyingPress λογαριασμό σου, όπου σου παρέχεται ένα είδους ηλεκτρονικού πορτοφολιού.

Σε ποιους απευθύνεται;

Το FlyingCDN απευθύνεται σε όλους όσους επιθυμούν να αυξήσουν σημαντικά την ταχύτητα της ιστοσελίδας τους, παρέχοντας τα βασικότερα αρχεία από το κοντινότερο διακομιστή. Με πιο απλά λόγια, όταν ένας επισκέπτης φορτώσει μια σελίδα του blog μας, η CDN υπηρεσία παρέχει όλα τα αρχεία και τις φωτογραφίες από το κοντινότερο server, πράγμα που σημαίνει πως στους Έλληνες τα φορτώνει από ελληνικό server, στους Αμερικανούς από αμερικανικό server, τους Ισλανδούς από Ισλανδικό server κ.ο.κ.

Το CDN είναι πλέον απαραίτητο για να έχουμε επίσης καλή βαθμολόγηση ταχύτητας στο Google PageSpeed Insights, καθώς επίσης και για να φορτώνει η ιστοσελίδα μας γρήγορα, ακόμα και από τοποθεσίες όπου δεν υπάρχει καλή σύνδεση στο ίντερνετ. Παράλληλα, μειώνουμε σημαντικά το bandwidth από τον server μας και έτσι μειώνουμε τα έξοδα και την ανάγκη για να πάμε σε μεγαλύτερο server / hosting πακέτο.

Το FlyingCDN θα μετατρέπει επίσης αυτόματα όλες τις φωτογραφίες σε WebP μορφή, ενώ μπορείς να ενεργοποιήσεις και την επιλογή να ορίζεται αυτόματα στον κώδικα κάθε φωτογραφίας το μέγεθος της, μια “συμβουλή” που θα δεις να εμφανίζεται στο PageSpeed Insights για αρκετές ιστοσελίδες.

Πόσο εύκολα ρυθμίζεται;

Το FlyingCDN μπορεί να ενεργοποιηθεί απευθείας μέσα από τον λογαριασμό σου στην ιστοσελίδα του FlyingPress. Στον οδηγό παρακάτω δείχνω βήμα προς βήμα για το πως να ενεργοποιήσεις τη CDN υπηρεσία εύκολα και γρήγορα.

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

Πόσο έμπιστο και σταθερό είναι;

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

Κατέβασμα και Εγκατάσταση του FlyingPress στο WordPress

Μόλις ολοκληρώσεις τα παραπάνω βήματα, το FlyingPress θα είναι ενεργοποιημένο και θα λειτουργεί με τις προεπιλεγμένες ρυθμίσεις του, οι οποίες θεωρούνται και οι “ασφαλέστερες”. Παρόλα αυτά, για να μπορέσουμε να επωφεληθούμε από τα χαρακτηριστικά και τις λειτουργίες του, θα πρέπει να προχωρήσουμε στην ενεργοποίηση ορισμένων ακόμα λειτουργιών.

Σε καμία περίπτωση δεν προτείνεται να αφήσεις την ιστοσελίδα σου με τις βασικές ρυθμίσεις, καθώς αυτές είναι οι “ασφαλείς ρυθμίσεις”, που σημαίνει πως δεν παρέχουν τίποτα περισσότερο εκτός απ’ το παραδοσιακό caching και βασική βελτιστοποίηση.

Ρύθμιση του FlyingPress

Αυτή τη στιγμή που γράφεται το άρθρο, η σελίδα Ρυθμίσεων του FlyingPress περιλαμβάνει 10 ενότητες, όλες κατηγοριοποιημένες μέσα σε ένα περιβάλλον χρήσης. Έτσι, οτιδήποτε κι αν είναι αυτό που ψάχνεις, θα μπορείς να το βρεις με ευκολία, καθώς όλα βρίσκονται στο αριστερό πλαϊνό μενού του πρόσθετου.

Για να μπεις στο περιβάλλον χρήσης του FlyingPress, μπορείς είτε να κάνεις κλικ στο “FlyingPress” κουμπί που εμφανίζεται στη μαύρη διαχειριστική μπάρα του WordPress τέρμα επάνω, είτε κάνοντας κλικ στο “FlyingPress” που βρίσκεται στο αριστερό πλαϊνό μενού του WordPress.

Θα κάνω τον οδηγό όσο πιο αναλυτικό γίνεται, οπότε θα αναφέρω περιληπτικά κάθε βήμα ώστε ακόμα κι ένας αρχάριος να μπορεί να βελτιστοποιήσει πλήρως την WordPress ιστοσελίδα του. Η ίδια διαδικασία είναι για όλες τις ιστοσελίδες, συμπεριλαμβανομένων των blogs, ηλεκτρονικών καταστημάτων, portfolios, landing pages κ.ο.κ.

Dashboard

Το Dashboard περιλαμβάνει σημαντικές πληροφορίες για το caching της ιστοσελίδας σου, όπως πόσες σελίδες έχουν προστεθεί στη προσωρινή μνήμη cache. Θα μπορείς επίσης να δεις σε τι κατάσταση βρίσκεται το κλειδί-ενεργοποίησης του FlyingPress λογαριασμού σου (ενεργοποιημένο = Valid και απενεργοποιημένο = Invalid). Η ενότητα “Support” περιλαμβάνει ορισμένους συνδέσμους προς την ιστοσελίδα του FlyingPress και το Documentation στη περίπτωση που χρειαστείς επιπλέον βοήθεια.

Cache

Η ενότητα “Cache” είναι αυτή από την οποία ορίζουμε πως θα λειτουργεί το caching στην ιστοσελίδα μας. Παρακάτω αναφέρω κάθε λειτουργία και χαρακτηριστικό που παρέχει το FlyingPress μέσα σε κάθε ενότητα.

Additional Auto Purge

Επιλέγουμε “All Posts and Pages” για να καθαρίζει τη προσωρινή μνήμη απ’ όλα τα άρθρα και τις σελίδες. Εάν γνωρίζουμε τι κάνουμε, μπορούμε να επιλέξουμε συγκεκριμένες επιλογές, όπως να καθαρίζεται η προσωρινή μνήμη μόνο στις σελίδες, ή μόνο στα άρθρα.

Cache Lifespan

Εκτός κι αν γνωρίζουμε τι κάνουμε, θέτουμε το cache σε “Never“. Εάν η ιστοσελίδα μας είναι ειδησεογραφική και ανανεώνεται ανά μερικές ώρες, τότε μπορούμε να θέσουμε το χρονικό διάστημα σε 4 ή 24 ώρες, ανάλογα το πόσο συχνά δημοσιεύουμε νέο περιεχόμενο.

Exclude Pages from Caching

Προσθέτουμε όσες σελίδες δεν θέλουμε να προστίθενται στη μνήμη cache. Αν για παράδειγμα δεν θέλουμε μια συγκεκριμένη σελίδα να καθαρίζεται από την προσωρινή μνήμη επειδή δεν ανανεώνεται ποτέ, τότε μπορούμε να την εισάγουμε εδώ.

Ignore Query Strings

Προσθέτουμε όλα τα Query Strings που θέλουμε να παραλείψει το FlyingPress. Και πάλι, αν δεν γνωρίζουμε τι κάνουμε, το αφήνουμε κενό.

Optimize for Logged in Users

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

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

CSS

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

Minify & Optimize CSS Files

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

Generate Critical and Used CSS

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

Load Unused CSS

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

• Asynchronously: Φορτώνει τα αρχεία ασύγχρονα (εύκολη λύση).
• On user interaction: Φορτώνει τα αρχεία όταν ο χρήστης κουνήσει το βελάκι, το ποντίκι ή κάνει την οποιαδήποτε κίνηση (μέγιστη ταχύτητα).
• Remove: Αφαιρεί τα CSS αρχεία εντελώς.

Οι πρώτες δύο επιλογές συχνά είναι οι καλύτερες για απλούς χρήστες που δεν έχω αρκετές γνώσεις πάνω στη βελτιστοποίηση ιστοσελίδων. Αν η επιλογή “On user interaction” δεν φορτώνει κάτι στον σχεδιασμό, τότε μπορείς να δοκιμάσεις την επιλογή “Asynchronously” η οποία θεωρείται και η πιο διαδεδομένη. Το “Remove” το επιλέγεις μόνο εάν γνωρίζεις τι κάνεις.

Force Include Selectors

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

Lazy Render HTML Elements

Το Lazy Render HTML Elements σου επιτρέπει να ενεργοποιήσεις την δυνατότητα “lazy-loading“, για την οποία έχω ξανά αναφερθεί στο παρελθόν σε προηγούμενα άρθρα μου. Αυτή η λειτουργεία θα φορτώνει όλα τα elements καθώς ο χρήστης σκρολλάρει προς τα κάτω.

Έτσι, όλα θα ανοίγουν γρηγορότερα καθώς η σελίδα θα φορτώνει σιγά-σιγά τα στοιχεία που περιλαμβάνει και ανάλογα με τις κινήσεις του κάθε χρήστη. Συνήθως σε αυτό το πεδίο προσθέτουμε λέξεις-κλειδιά όπως #comments για να προσθέσει τη Lazy Render ιδιότητα στη φόρμα σχολίων. Αυτό είναι ιδανικό για όταν έχουμε για παράδειγμα στα άρθρα μας πολλά σχόλια και καθυστερούν στη φόρτωση ενός άρθρου. Τα καλά νέα είναι πως το FlyingPress θα αναγνωρίσει αυτόματα που τα στοιχεία στα οποία πρέπει να προσθέσει τη λειτουργία lazy-loading.

JavaScript

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

Minify JavaScript

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

Preload links

Αυτή η δυνατότητα είναι αρκετά απλή: Αν ένας χρήστης επισκεφτεί την ιστοσελίδα μας, με το που πάει το βελάκι (κέρσορα) του ποντικιού πάνω σε έναν σύνδεσμο που μεταφέρει σε άλλο μας άρθρο ή σελίδα μας, θα φορτώνει στο παρασκήνιο όλο το άρθρο ή την σελίδα. Έτσι, με το που ο επισκέπτης κλικάρει, η σελίδα θα φορτώσει σχεδόν στιγμιαία. Παρόλα αυτά, αυτή η δυνατότητα απαιτεί ισχυρό και γρήγορο server και είναι καλό να μην την ενεργοποιούμε σε απλά shared hosting πακέτα. Μόνο οι δοκιμές μπορούν να δείξουν τα σωστά αποτελέσματα στο hosting που βρίσκεσαι.

Disable jQuery Migrate

Απενεργοποιεί εντελώς το jQuery Migrate, μια ιδιότητα του jQuery. Παρόλα αυτά, μιας και υπάρχουν ακόμα ορισμένα παλιά themes και plugins που χρησιμοποιούν αυτή την δυνατότητα, προτείνεται να ελέγξεις στη συνέχεια αν όλα λειτουργούν σωστά. Αν κάποιο πρόσθετο απαιτεί τη jQuery Migrate για να λειτουργήσει, τότε μπορείς είτε να το αντικαταστήσεις με ένα νεότερο και πιο σύγχρονο πρόσθετο, είτε να απενεργοποιήσεις αυτή την επιλογή από το FlyingPress.

Defer JavaScript

Εκτελεί κάθε script αφότου ολοκληρωθεί η ανάλυση των HTML αρχείων.

• Defer Inline JavaScript: Εκτελεί και τα inline JavaScript αρχεία.
• Exclude Scripts from Defer: Αφαιρεί scripts από το Defer.

Και με τις δύο επιλογές θα χρειαστεί στη συνέχεια να κάνουμε έναν έλεγχο και να δούμε εάν όλα λειτουργούν σωστά.

Load Scripts on User Interaction

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

Font

Η καρτέλα “Font” του FlyingPress περιλαμβάνει τρεις βασικές επιλογές για τις γραμματοσειρές της ιστοσελίδας μας. Αυτές οι επιλογές είναι οι λιγότερο πιθανές για να εμφανίσουν προβλήματα, αλλά ρίξε μια ματιά στις γραμματοσειρές του blog σου ώστε να ελέγξεις πως εμφανίζονται σωστά μετά τις αλλαγές.

Optimize Google Fonts

Αν το theme που χρησιμοποιείς φορτώνει όλες τις γραμματοσειρές του απευθείας από το Google Fonts, τότε η ενεργοποίηση αυτή της επιλογής είναι σχεδόν απαραίτητη. Το FlyingPress θα συνδυάσει όλες τις γραμματοσειρές σε ένα αρχείο και στη συνέχεια θα τις κατεβάσει στον server που χρησιμοποιείς, απ’ όπου και θα τις φορτώνει κάθε φορά σε κάθε νέο επισκέπτη.

Σημείωση: Αν και αρκετοί developers θα διαφωνήσουν, αναφέροντας πως οι γραμματοσειρές της Google φορτώνουν από το γρήγορο CDN δίκτυο της, και άρα πρέπει να χρησιμοποιούμε αυτό καθώς τα cookies παραμένουν αποθηκευμένα στο πρόγραμμα περιήγησης του επισκέπτη, θα διαφωνήσω προτείνοντας να κάνουν μερικές δοκιμές.

Display Fallback Fonts

Το Google PageSpeed Insights, το GTMetrix και αρκετές άλλες υπηρεσίες για τη μέτρηση της ταχύτητας ιστοσελίδων, προτείνουν κάθε φορά που φορτώνει μια σελίδα, να εμφανίζονται άμεσα οι γραμματοσειρές. Για να επιλυθεί αυτό το πρόβλημα, το μόνο που έχεις να κάνεις είναι να ενεργοποιήσεις την επιλογή. Το χειρότερο που μπορεί να συμβεί είναι να δεις τις γραμματοσειρές του theme σου να αλλάζουν ή να μην φορτώνουν σωστά, κάτι το οποίο μπορείς να λύσεις άμεσα, απενεργοποιώντας αυτή την επιλογή.

Preload Fonts

Η δυνατότητα “Preload Fonts” κάνει ακριβώς αυτό που αναφέρει η ονομασία της, φορτώνει άμεσα τις γραμματοσειρές που έχουμε εισάγει μέσα στο διαθέσιμο πεδίο. Αυτό το κάνουμε μόνο εάν εμφανιστεί σφάλμα στο PageSpeed Insights που αναφέρει πως δεν γίνεται σωστό preloading των γραμματοσειρών ή συγκεκριμένα αρχεία γραμματοσειρών δεν εμφανίζονται σωστά όταν φορτώνει η σελίδα. Σε γενικές γραμμές, αν λειτουργεί και δεν εμφανίσει κάποιο πρόβλημα, κράτα το ενεργοποιημένο.

Image

Η ενότητα “Image” περιλαμβάνει όλες τις επιλογές και τις ρυθμίσεις για να βελτιστοποιήσουμε τις φωτογραφίες και τα βίντεο στην ιστοσελίδα μας. Σε αντίθεση με άλλα ανταγωνιστικά plugins, το FlyingPress παρέχει ορισμένες ενδιαφέρουσες επιλογές, ενώ από την ίδια ενότητα θα μπορέσεις να ρυθμίσεις ελάχιστα και το FlyingCDN.

Lazy Load Images

Αναβάλει τη φόρτωση των εικόνων όταν δεν είναι απαραίτητο να φορτώσουν. Οι φωτογραφίες φορτώνουν από πάνω προς τα κάτω και καθώς ο επισκέπτης σκρολλάρει προς τα κάτω. Για την συγκεκριμένη επιλογή μπορείς να επιλέξεις μεταξύ του “Using JavaScript” και “Browser Native“.

Το “Using JavaScript” είναι η πιο παλιά μέθοδος για να το κάνουμε αυτό. Το “Browser Native” είναι ένας πιο σύγχρονος τρόπος, ενώ υποστηρίζεται μόνο από τις πρόσφατες εκδόσεις των προγραμμάτων περιήγησης. Το “Browser Native” είναι αναμφισβήτητα η καλύτερη επιλογή.

Στο πεδίο “Exclude Above Fold Images from Lazy Load” μπορείς να επιλέξεις πόσες ή / και ποιες εικόνες θέλεις να αφαιρεθούν από αυτό τον περιορισμό. Αν για παράδειγμα έχεις ένα slider με 3 φωτογραφίες οι οποίες δεν εμφανίζονται αφότου ενεργοποιήσεις τη βελτιστοποίηση φωτογραφιών, τότε μπορείς να επιλέξεις να προσπερνάει τις τρεις πρώτες φωτογραφίες.

Iframe

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

Lazy-Load iFrames

Το συγκεκριμένο χαρακτηριστικό λειτουργεί με τον ίδιο τρόπο που λειτουργεί και το image lazy-loading που ανέφερα στην παραπάνω ενότητα. Αντί να φορτώνει όλα iframes κατευθείαν με το που φορτώσει ο χρήστης μια σελίδα, ξεκινάει και τα εμφανίζει καθώς σκρολλάρει παρακάτω. Το συγκεκριμένο χαρακτηριστικό μπορεί να αυξήσει αρκετά την ταχύτητα μιας ιστοσελίδας, αλλά μπορεί επίσης πολύ εύκολα να σταματήσει την λειτουργία αρκετών τρίτων themes και plugins.

Use Placeholder Image for YouTube iFrames

Αν προσθέτεις βίντεο του YouTube στα άρθρα, τις σελίδες ή σε οποιοδήποτε μέρος της ιστοσελίδας σου, ενεργοποιώντας το “placeholder image” το FlyingPress αντί για τον πραγματικό player του YouTube θα το εμφανίζει ως εικόνα. Όταν ο χρήστης κάνει κλικ πάνω στο βίντεο, αυτό θα ανανεωθεί εκείνη την στιγμή εμφανίζοντας τον player. Αν και αυτό θα έπρεπε να είναι ενεργοποιημένο σχεδόν για κάθε ιστοσελίδα, αν δεν ανεβάζεις βίντεο απ’ το YouTube, δεν υπάρχει λόγος να το ενεργοποιήσεις.

Ακριβώς από κάτω, ενεργοποίησε επίσης την επιλογή “Self-host YouTube Placeholder” για να κατεβάζει το FlyingPress τη placeholder φωτογραφία στον server σου.

CDN

Για το CDN έχω αναφερθεί σε ορισμένα προηγούμενα άρθρα, όλα εκ των οποίων θα τα βρεις διαθέσιμα παρακάτω. Το FlyingCDN είναι αναμφισβήτητα μια από τις καλύτερες, γρηγορότερες και οικονομικότερες CDN υπηρεσίες. Έως αυτή την στιγμή, το FlyingCDN κοστίζει 3,00$ μηνιαίως και για να ανανεώνεται θα χρειάζεται να προσθέτεις τα χρήματα στο FlyingPress πορτοφόλι σου.

Μόλις συνδέσεις την CDN υπηρεσία, στη συνέχεια επέλεξε την επιλογή “All files” ώστε να ξεκινήσουν όλα τα αρχεία και οι φωτογραφίες σου να παρέχονται από τους servers της CDN υπηρεσίας. Στη περίπτωση που αντιμετωπίσεις κάποιο πρόβλημα, όπως να μην εμφανίζονται ξαφνικά οι φωτογραφίες στην ιστοσελίδα σου, σιγουρέψου πως έχεις βάλει τον σωστό σύνδεσμο και πως έχεις καθαρίσει τη προσωρινή μνήμη (cache) του WordPress site σου.

Database

Η database (Βάση Δεδομένων) της ιστοσελίδας σου είναι κρίσιμη για τη σωστή λειτουργία. Γνωρίζοντας πως να καθαρίζεις όλα τα περιττά και άχρηστα αρχεία από τη βάση δεδομένων, όχι μόνο μπορεί να αυξήσει την ταχύτητα, αλλά και να μειώσει τη συνολική χωρητικότητα της βάσης δεδομένων. Ωστόσο, θέλει μια μικρή προσοχή για να μην διαγράψεις κατά λάθος τα ανεπιθύμητα ή διαγραμμένα άρθρα και σχόλια του WordPress.

Από την συγκεκριμένη σελίδα του FlyingPress, θα έχεις την δυνατότητα να καθαρίσεις τα παρακάτω από τη βάση δεδομένων του WordPress site σου:

• Post Revisions: Όλες οι αποθηκευμένες αλλαγές μέσα στα άρθρα που γράφεις.
• Post Auto Drafts: Όλα τα αποθηκευμένα προσχέδια των άρθρων.
• Trashed Posts: Όλα τα διαγραμμένα άρθρα.
• Spam Comments: Όλα τα ανεπιθύμητα σχόλια.
• Trashed Comments: Όλα τα διαγραμμένα σχόλια.
• Expired Transients: Όλα τα περιττά και άχρηστα transients.
• All Transients: Όλα τα transients.
• Optimize Tables: Αυτόματη βελτιστοποίηση της Βάσης Δεδομένων.

Από την ίδια σελίδα θα έχεις επίσης την δυνατότητα να ορίσεις κάθε πότε θέλεις (και αν θέλεις) το FlyingPress να καθαρίζει και να βελτιστοποιεί τη βάση δεδομένων αυτόματα.

• Daily (καθημερινά).
• Weekly (εβδομαδιαίως).
• Monthly (μηνιαίως).

Αν γράφεις πολλά άρθρα και κάνεις συνεχώς αλλαγές, τότε το Weekly είναι ίσως η κατάλληλη επιλογή. Παρόλα αυτά, το Monthly προτείνεται για το μεγαλύτερο ποσοστό των ιστοσελίδων. Μιας και το FlyingPress έχει την δυνατότητα να διαγράφει αρχεία, μην επιλέξεις να διαγράφει τα “Trashed Posts“, καθώς στο παρελθόν υπήρχαν plugins που εξαιτίας κάποιου προβλήματος, διέγραφαν αυτόματα παλιά άρθρα, τα οποία ενώ ήταν διαθέσιμα για ένα χρονικό διάστημα στα διαγραμμένα για άμεση επαναφορά, το cache plugin τα διέγραφε και από εκεί.

License

Τέλος, η σελίδα license σου επιτρέπει να εισάγεις ή να αλλάξεις το κλειδί ενεργοποίησης του FlyingPress, καθώς επίσης και να ενεργοποιήσεις τις δοκιμαστικές εκδόσεις (Beta Versions).

Συχνές Ερωτήσεις και Αντιμετώπιση Προβλημάτων

Αν έχεις περισσότερες απορίες ή προβληματισμούς σχετικά με τη χρήση του FlyingPress και FlyingCDN, ή γενικότερα για τα caching plugins και τη προσωρινή μνήμη, μπορείς να αφήσεις το σχόλιο σου στο τέλος του άρθρου.

Σύνοψη..

Έχουμε φτάσει σε ένα σημείο πλέον όπου η βελτιστοποίηση της ιστοσελίδας μας είναι πιο εύκολη από ποτέ άλλοτε. Πράγματα τα οποία κάποτε μπορούσε να κάνει μόνο ένας τεχνικός, πλέον είναι διαθέσιμα με το πάτημα ενός κουμπιού, ακόμα και για έναν αρχάριο. Μιας και η ταχύτητα παίζει επίσης σημαντικό ρόλο για το SEO της ιστοσελίδας μας, πλέον η βασική βελτιστοποίηση της είναι σχεδόν – αν όχι εντελώς – απαραίτητη.

Το FlyingPress σε συνδυασμό με το FlyingCDN είναι ότι πιο καλό κατάφερα να εντοπίσω όλα αυτά τα χρόνια σε caching plugin. Είναι εύκολο στη χρήση, παρέχει μοντέρνο και προσεγμένο περιβάλλον χρήσης, είναι σταθερό, ενημερώνεται ανά τακτικά χρονικά διαστήματα και η τεχνική τους υποστήριξη απαντάει συνήθως σε λιγότερο από 3-5 ώρες.

Εσύ ποιο caching plugin χρησιμοποιείς στο WordPress blog σου; Ήξερες τι είναι τα caching plugins ή αυτή είναι η πρώτη σου επαφή με αυτά; Θα χαρώ να ακούσω τις απόψεις και τις προτάσεις σου στα σχόλια στο τέλος του άρθρου.

Καιρό ήθελα τώρα να δημιουργήσω μια SEO Checklist, αλλά περίμενα υπομονετικά για να δω όλες τις αλλαγές που έκανε η Google και η Bing στον αλγόριθμο τους. Εξίσου σημαντικό για ‘μένα ήταν να μπορώ να ενημερώνω το συγκεκριμένο άρθρο ανά τακτικά χρονικά διαστήματα, οπότε αποθήκευσε το στους σελιδοδείκτες σου, καθώς η SEO Checklist θα ανανεώνεται συνεχώς για να πληροί τα βασικότερα του SEO.

Τι είναι μια SEO Checklist και γιατί είναι σημαντικό να πληροί το blog σου τα βασικά;

Αν έχεις βαρεθεί να γράφεις συνεχώς άρθρα στο blog σου και να μην παίρνεις στο τέλος την ανταπόκριση που θα ήθελες με αυτά, είτε αυτό αφορά τις προβολές, είτε το SEO, τότε η συγκεκριμένη SEO Checklist θα σε καθοδηγήσει για όλα τα βασικά που πρέπει να πληροί το blog σου στη σήμερον ημέρα.

Αν το blog σου δεν πληροί ορισμένα βασικά πράγματα, τότε όσα άρθρα και να γράφεις, δεν θα δεις ποτέ μεγάλη θετική ανταπόκριση στην οργανική κίνηση (η οργανική κίνηση είναι οι προβολές που παίρνεις από τις μηχανές αναζήτησης). Επιπλέον, έχοντας ακολουθήσει τα βασικά, θα παρατηρήσεις μικρότερα ποσοστά στο Bounce Rate του blog σου, καθώς επίσης και καλύτερο και γρηγορότερο indexing από τις μηχανές αναζήτησης.

Με απλά λόγια: Αντί να ξεκινήσεις να γράφεις το επόμενο άρθρο σου, διάβασε προσεκτικά την παρακάτω SEO Checklist και έλεγξε αν όντως το blog σου πληροί μερικές από τις βασικότερες προϋποθέσεις για να έχει υψηλές επιδόσεις στις μηχανές αναζήτησης, αλλά και πως να παρέχει την βέλτιστη εμπειρία για κάθε αναγνώστη σου.

SEO Checklist: Όλα όσα πρέπει να πληροί το blog σου

Η συγκεκριμένη λίστα θα ανανεώνεται ανά χρονικά διαστήματα ώστε να πληροί όλες τις αλλαγές ή τα βασικά που ζητάει η Google και η Bing για καλύτερο SEO και γρηγορότερο indexing στα αποτελέσματα αναζήτησης.

1. Βελτιστοποιημένο περιεχόμενο

Το περιεχόμενο είναι ο βασιλιάς λένε, και όχι αδίκως. Όσο καλό, γρήγορο και βελτιστοποιημένο σχεδιασμό και αν έχεις, όσους SEO experts και αν προσλάβεις για να καλύψουν πλήρως όλα τα τεχνικά του blog σου, αν το περιεχόμενο δεν είναι σωστά βελτιστοποιημένο, τότε η δουλειά σου δεν θα εκτιμηθεί από την Google και την Bing.

Δεν είναι σημαντικό να παρακολουθείς τα στατιστικά του blog σου, αλλά να τα κατανοείς.

Όπως έχω ξανά αναφερθεί και σε παλαιότερα άρθρα μου, δεν είναι σημαντικό να παρακολουθείς τα στατιστικά του blog σου, αλλά να τα κατανοείς και να καταλαβαίνεις τι είναι αυτό που ψάχνουν οι αναγνώστες σου και δεν το βρίσκουν στο blog σου. Άλλωστε, στόχος των μηχανών αναζήτησης είναι να απαντάνε στις ερωτήσεις των χρηστών τους, και ποιος καλύτερος τρόπος για να γίνει αυτό απ’ το να τους παρέχουν αποτελέσματα από άρθρα που έχουν γραφτεί; Για να τα παρέχει όμως αυτά, θα πρέπει πρώτα ο blogger να έχει καλύψει (σωστά) την κάθε ερώτηση.

Λέξεις κλειδιά και επικεφαλίδες

Κάθε άρθρο σου θα πρέπει αρχικά να περιλαμβάνει την βασική λέξη κλειδί στον τίτλο, στην πρώτη παράγραφο του άρθρου, στην προεπιλεγμένη εικόνα και ορισμένες φορές μέσα στο κείμενο. Η λέξη κλειδί θα πρέπει επίσης να περιλαμβάνεται στις επικεφαλίδες του άρθρου, ενώ αυτές είναι άκρως σημαντικές για την καλύτερη κατάταξη του στα αποτελέσματα αναζήτησης. Προσπάθησε λοιπόν να χρησιμοποιείς σωστά και συνεχώς τις επικεφαλίδες (H1 ο τίτλος και μετά H2, H3, H4, H5 και H6) για να κάνεις την ανάγνωση των άρθρων σου ευκολότερη και να παρέχεις πιο βελτιστοποιημένο περιεχόμενο στην Google και την Bing.

Το μέγεθος των άρθρων και το Bounce Rate

Αν και ο John Mueller της Google είχε αναφέρει πως το μέγεθος των άρθρων δεν αποτελεί απαραίτητα κάποιον συντελεστή ποιότητας και βελτιστοποίησης για καλύτερη κατάταξη των άρθρων στα αποτελέσματα αναζήτησης, η εμπειρία μου σίγουρα μου έχει διδάξει πως τα λόγια του πολλές φορές έχουν μπερδέψει εκατοντάδες SEO experts.

Βάση των αποτελεσμάτων που έχω από blogs ένα σωρό πελατών αλλά και από το δικό μου, θα διαφωνήσω με τον αγαπητό Mueller. Τα μεγάλα άρθρα, τα οποία είναι σωστά βελτιστοποιημένα, παρέχουν πάντοτε καλύτερα αποτελέσματα, τόσο στην κατάταξη τους στα αποτελέσματα αναζήτησης, όσο και στο χρονικό διάστημα που θα κάτσει για να το διαβάσει ένας αναγνώστης, το οποίο μειώνει σημαντικά το Bounce Rate, το οποίο γνωρίζουμε επίσης πως επηρεάζει την κατάταξη ενός blog. Άλλωστε, γιατί να παρέχει η Google και η Bing στα αποτελέσματα της άρθρα από ένα blog το οποίο σχεδόν κανένας δεν κάθεται να διαβάσει έστω και ένα λεπτό;

Τα άρθρα μας λοιπόν θα πρέπει να βελτιστοποιούνται με επικεφαλίδες, βελτιστοποιημένες φωτογραφίες και βίντεο, λίστες, πίνακες, σωστό Schema markup και πάνω απ’ όλα, να απαντάνε στις ερωτήσεις των αναγνωστών. Ακόμα και για food blogs που απλά παρέχουν συνταγές, είναι σημαντικό κάθε συνταγή να είναι σωστά δομημένη, να παρέχει όλη την διαδικασία του μαγειρέματος, τα απαραίτητα συστατικά, τον χρόνο που θα χρειαστεί για να ετοιμαστεί και πάει λέγοντας.

2. Ταχύτητα

Στις μέρες μας, είναι “απαράδεκτο” για ένα blog να μην είναι γρήγορο. Δυστυχώς, ωστόσο, είναι δύσκολο να επιτύχεις ένα καλό και αποτελεσματικό σκορ στην ταχύτητα, και ως εκ τούτου, κάποιες φορές ένας προγραμματιστής μπορεί να σου λύσει τα χέρια από την τεχνική πλευρά των πραγμάτων. Παρόλα αυτά, μπορείς να φροντίσεις για ορισμένα βασικά πραγματάκια τα οποία θα βελτιώσουν σημαντικά την ταχύτητα του blog σου και άρα την κατάταξη του στα αποτελέσματα αναζήτησης.

Κράτα μόνο τα απαραίτητα

Ξεκίνα αρχικά αφαιρώντας οτιδήποτε δεν είναι απαραίτητο στο blog σου. Διάφορα banners και widgets που βρίσκονται στην πλευρική στήλη (sidebar) και δεν είναι απαραίτητα, θα πρέπει να μετακινούνται μέσα σε σελίδες ή να αφαιρούνται εντελώς. Αν για παράδειγμα ένα banner στην sidebar δεν είναι 30KB ή λιγότερο σε μέγεθος, αποτελεί πρόβλημα στην ταχύτητα.

Widgets και Social Media

Εξίσου σημαντικό ρόλο στην αργή ταχύτητα παίζουν και τα Instagram widgets που φαίνεται να λατρεύουν οι περισσότεροι bloggers. Είναι αυτά τα widgets που εμφανίζουν αυτόματα όλες τις φωτογραφίες και τα βίντεο που ανεβάζεις στο Instagram λογαριασμό σου και συχνά εμφανίζονται στο footer ή στην sidebar του blog σου. Αυτές οι φωτογραφίες και τα βίντεο καθυστερούν σημαντικά την ταχύτητα, με αποτέλεσμα να λαμβάνεις χαμηλότερο σκορ. Το ίδιο ισχύει και για τα widgets του Facebook και του Pinterest, με αυτά του Twitter να είναι τα μοναδικά “ελαφριά” (καθώς περιλαμβάνουν συχνά μόνο tweets).

WordPress plugins για caching και βελτιστοποίηση

Δεν υπάρχει τίποτα πιο σημαντικό που να αφορά την ταχύτητα από την εγκατάσταση και την ρύθμιση ενός caching plugin. Αν και στο WordPress υπάρχουν εκατοντάδες δωρεάν και επί πληρωμής plugins για καλύτερο caching, καθένα παρέχει διαφορετικές δυνατότητες και επιλογές, οπότε θα πρέπει να βρεις το ιδανικό για εσένα.

Για δωρεάν plugins, το Cache Enabler είναι το πιο εύκολο στην χρήση και δεν απαιτεί ιδιαίτερη ρύθμιση. Από την άλλη πλευρά, το W3 Total Cache είναι επίσης ένα εξαιρετικό chacing plugin, αλλά απαιτεί σωστή ρύθμιση και συχνά δεν παρέχει τα καλύτερα αποτελέσματα. Το WP-Optimize είναι εξίσου μια δυναμική επιλογή η οποία θα σου παρέχει και την δυνατότητα να βελτιστοποιείς δωρεάν τις φωτογραφίες του blog σου.

Για όσους θέλουν όμως να γλιτώσουν και να αυξήσουν σημαντικά την ταχύτητα της ιστοσελίδας τους χωρίς ιδιαίτερα μεγάλη προσπάθεια, μπορούν να αγοράσουν το WP Rocket, το οποίο και θα αναλάβει πλήρως το caching, αλλά και θα έχεις την δυνατότητα να βελτιστοποιήσεις τα CSS και JavaScript αρχεία σου κάνοντας minify με το πάτημα ενός κουμπιού, αλλά και να θέσεις αυτόματο καθαρισμό του blog κάθε μέρα, βδομάδα ή μήνα (προτείνεται μια φορά το μήνα).

CDN υπηρεσίες

Αυτή την στιγμή που γράφεται το άρθρο, η χρήση μιας CDN υπηρεσίας είναι πλέον απαραίτητη. Είτε προτιμάς να χρησιμοποιείς δωρεάν υπηρεσίες όπως την CloudFlare, είτε πιο premium υπηρεσίες όπως το Gumlet, τα αποτελέσματα θα είναι μόνο θετικά. Μια CDN υπηρεσία παρέχει υψηλότερο σκορ στο Google Insights Speed και στο GTMetrix, μεγαλύτερη ταχύτητα για όλους τους επισκέπτες σου απ’ όποια χώρα και αν σε επισκέπτονται και αυξημένη προστασία από επιθέσεις DDoS.

Αν υπάρχει κάτι το οποίο θα χρειαστεί να σβήσεις σύντομα από την SEO Checklist σου, τότε αυτό είναι σίγουρα η χρήση μιας αξιόπιστης CDN υπηρεσίας.

Βελτιστοποιημένα themes

Αν το blog σου τρέχει πάνω σε μια CMS Πλατφόρμα και δεν είναι custom build, τότε πιθανότατα χρησιμοποιείς κάποιο theme (αλλιώς γνωστά και ως templates). Κάθε theme, ειδικά σε πλατφόρμες όπως το WordPress, το Drupal, το Joomla και το Ghost, παρέχουν μια γκάμα από διαφορετικά δωρεάν και premium themes. Καθένα παρέχει διαφορετικό σχεδιασμό, λειτουργίες και δυνατότητες. Κάποια χρησιμοποιούν επίσης διάφορα page builder plugins, τα οποία βαραίνουν το site σε μεγάλο επίπεδο, εκτός και αν έχουν στηθεί και βελτιστοποιηθεί σωστά. Άλλα είναι αρκετά πιο μίνιμαλ και γρήγορα, ενώ άλλα πιο περίπλοκα και αργά.

Το theme που χρησιμοποιείς θα πρέπει να περιλαμβάνει καθαρογραμμένο κώδικα, να πληροί όλες τις προϋποθέσεις του SEO, να είναι γρήγορο, mobile-friendly και να παρέχει υποστήριξη για AMP σελίδες.

• Έλεγξε αν είναι mobile-friendly το blog σου.
• Έλεγξε αν το AMP λειτουργεί σωστά (βάλε τον σύνδεσμο ενός άρθρου).
• Έλεγξε την ταχύτητα του blog σου.

Διαφημίσεις

Αν και οι διαφημίσεις παίζουν σχεδόν καθοριστικό ρόλο στο κύριο μηνιαίο εισόδημα ενός full-time blogger, το να κρατάμε μόνο όσες είναι απαραίτητες μπορεί όχι μόνο να βοηθήσει στην αύξηση του κέρδους, αλλά και στην διατήρηση ενός γρήγορου και καλαίσθητου σχεδιασμού. Για τους SEO experts αυτή δεν είναι μια καινούργια είδηση, αλλά για όσους δεν γνωρίζουν επί του θέματος: Οι διαφημίσεις είναι βαριές, και κυρίως αυτές της Google AdSense.

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

Απενεργοποίηση και διαγραφή μη απαραίτητων plugins

Ένα από τα μεγαλύτερα πλεονεκτήματα του WordPress ήταν πάντοτε τα εκατοντάδες χιλιάδες διαθέσιμα plugins. Κάθε plugin όμως που ενεργοποιείς στο WordPress site σου, μπορεί να επηρεάσει αρνητικά ή θετικά την ταχύτητα, τόσο για τον επισκέπτη όσο και για τον Πίνακα Ελέγχου και οτιδήποτε περιλαμβάνει αυτός. Όσο μεγαλύτερος είναι ο αριθμός των ενεργοποιημένων plugins, τόσο πιο πολλούς πόρους απαιτείται από τον server για να τα τρέχει όλα σωστά. Ως εκ τούτου, αν έχεις έναν μεγάλο αριθμό ενεργοποιημένων plugins, τα οποία δεν έχεις ελέγξει σωστά, τότε υπάρχει μεγάλη πιθανότητα να επηρεάζεται αρνητικά η ταχύτητα της ιστοσελίδας σου, αλλά και να αυξάνονται ολοένα και περισσότερο οι ανάγκες για μεγαλύτερο και καλύτερο server – ή στις περισσότερες περιπτώσεις, μεγαλύτερο και αναβαθμισμένο hosting.

Δεν χρειάζεται ωστόσο να έχεις βασικές γνώσεις προγραμματισμού για να καταλάβεις πότε ένα plugin δεν ωφελεί στην πραγματικότητα το blog σου και την ταχύτητα του. Με μια γρήγορη αναζήτηση μπορείς εύκολα να δεις τις κριτικές για κάθε plugin, αλλά και άρθρα / reviews για το αν η χρήση του προτείνεται ή όχι και πως επηρεάζει την ταχύτητα. Plugins τα οποία δεν είναι απαραίτητα καλό είναι να τα απενεργοποιείς και να τα διαγράφεις, ενώ σε άλλες περιπτώσεις, η αλλαγή ενός plugin με ένα άλλο παρόμοιο, μπορεί να σε ωφελήσει.

Έλεγχος ταχύτητας

Για να ελέγξεις την ταχύτητα του blog σου, μπορείς να χρησιμοποιήσεις υπηρεσίες όπως το Google PageSpeed Insights και το GTMetrix, με το δεύτερο να παρέχει τα ίδια αποτελέσματα βάση του Lighthouse της Google, αλλά με περισσότερες και πιο λεπτομερείς πληροφορίες και στατιστικά.

3. Google AMP και Web Stories

Καμία SEO Checklist δεν θα ‘ταν ολοκληρωμένη αν μέσα σε αυτήν δεν αναφερόταν φυσικά το AMP της Google. Το AMP, αν και σχετικά δύσκολο να ρυθμιστεί σωστά και να διορθωθούν όλα τα σφάλματα που θα αποφέρει στο Search Console, μπορεί να αυξήσει σημαντικά την ταχύτητα της ιστοσελίδας σου, καθώς επίσης και το SEO.

Αν και αρκετοί διαφωνούν πως το AMP επηρεάζει θετικά ή αρνητικά το SEO ενός blog αν αυτό περιλαμβάνει ήδη μια γρήγορη εμπειρία στους mobile χρήστες του, θα διαφωνήσω αναφέροντας πως η Google σπρώχνει αρκετά ψηλά στα αποτελέσματα τα blogs που παρέχουν μια πλήρης εμπειρία από AMP. Γιατί να μην το κάνει, άλλωστε; Οι AMP σελίδες έχουν δημιουργηθεί με τέτοιο τρόπο ώστε να παρέχουν γρήγορες ταχύτητες ακόμα και σε επισκέπτες που δεν έχουν γρήγορη σύνδεση στο διαδίκτυο.

Τα Web Stories ξεκίνησαν να εμφανίζονται ολοένα και συχνότερα στα αποτελέσματα αναζήτησης της Google. Δεν γνωρίζουμε μέχρι στιγμής αν παρέχουν κάποια αξία στο SEO, αλλά σίγουρα μπορείς να επωφεληθείς από αυτά αυξάνοντας την οργανική κίνηση. Από την άλλη πλευρά, είναι ένας γρήγορος και εύκολος τρόπος για να παρουσιάσεις κάτι με μπόλικο visual.

4. SSL Πιστοποιητικά / HTTPS

Πριν από μερικά χρόνια, μόνο τα ηλεκτρονικά καταστήματα έπρεπε να εστιάσουν στην χρήση ενός SSL Πιστοποιητικού, ώστε οι επισκέπτες τους να είχαν στην διάθεση τους ασφαλέστερη κρυπτογράφηση και μέγιστη ασφάλεια για τις online συναλλαγές τους. Πλέον, τα SSLs είναι ύψιστης σημασίας τόσο για τα e-commerce sites, όσο και για τους απλούς bloggers. Χωρίς SSL Πιστοποιητικό και με όλους τους συνδέσμους σου αντί για HTTPS να είναι σε HTTP, αρκετοί web browsers (προγράμματα περιήγησης όπως ο Edge, ο Chrome, ο Vivaldi κ.α.) εμφανίζουν ένα παράθυρο στους χρήστες που τους ενημερώνει πως η σύνδεση τους στον ιστότοπο δεν είναι ασφαλής.

Τα καλά νέα είναι πως καθένας μπορεί να προσθέσει ένα SSL Πιστοποιητικό και εντελώς δωρεάν χάρη στο Let’s Encrypt. Παρόλα αυτά, αν θέλεις ένα premium SSL Πιστοποιητικό για μέγιστη ασφάλεια και εγγύηση, μπορείς να ρίξεις μια ματιά εδώ.

5. Schema markup για rich snippets

Το schema των άρθρων για τα blogs και των προϊόντων για τα ηλεκτρονικά καταστήματα παίζει άκρως σημαντικό ρόλο στο πως θα εμφανίζονται και οι δύο μορφές στα αποτελέσματα αναζήτησης. Τα καλά νέα είναι πως το πρόβλημα με το schema λύνεται με τη χρήση ενός SEO plugin, όπως για παράδειγμα το Yoast SEO και το All in One SEO.

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

Αν είσαι blogger, τότε τα άρθρα σου θα θέλεις να εμφανίζονται με τον καλύτερο δυνατό τρόπο στα αποτελέσματα, όπως για παράδειγμα όταν γράφεις how-tos, συνταγές φαγητών, reviews προϊόντων και FAQs.

6. Backlinks

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

Φρόντισε οι κατηγορίες στο μενού σου να είναι σωστά γραμμένες. Απέφευγε να βάζεις συνδέσμους προς ιστοσελίδες που δεν γνωρίζεις καθόλου. Σιγουρέψου πως σε όλα τα άρθρα σου έχεις συνδέσμους προς άλλα άρθρα ή σελίδες του blog σου, τα οποία όμως είναι παρόμοια με το θέμα για το οποίο γράφεις. Κράτα όλα τα affiliate links σε no-follow ή sponsored και απέφυγε τα banners με do-follow συνδέσμους σε μη απαραίτητες ιστοσελίδες και blogs.

Για να σιγουρευτείς πως το blog σου θα αποκτήσει μια έξτρα αξιοπιστία από τις μηχανές αναζήτησης, ανά χρονικά διαστήματα προσπάθησε να γράφεις guest άρθρα σε αξιόπιστα blogs με καλό SEO και με μεγάλη επισκεψιμότητα.

7. Sitemaps και Robots.txt

Δε νομίζω πως υπάρχουν λόγια για να αναφέρω την πραγματική ουσία και την έξυπνη τακτική του να έχει το blog σου ένα σωστό sitemap. Όσο πιο καλά δομημένο είναι ένα sitemap, τόσο πιο εύκολη κάνεις την διαδικασία για τις μηχανές αναζήτησης ώστε να ανιχνεύουν το νέο περιεχόμενο στο blog σου και να το περνάνε στα αποτελέσματα τους.

Για πλατφόρμες όπως το WordPress, ένα αξιόλογο sitemap μπορεί να δημιουργηθεί και να ανανεώνεται αυτόματα με τη χρήση ενός plugin. Αν έχεις ήδη εγκατεστημένα plugins όπως το Yoast SEO, το All in One SEO, το Rank Math και πάει λέγοντας, τότε σου παρέχουν ήδη ένα σωστά δομημένο sitemap. Σε άλλες περιπτώσεις, μπορείς να χρησιμοποιείς plugins όπως το XML Sitemaps, το οποίο σου δίνει την δυνατότητα να κάνεις ακόμα μεγαλύτερες ρυθμίσεις.

Εξίσου σημαντικό ρόλο στην ανίχνευση του νέου περιεχομένου σου παίζει φυσικά και το robots.txt αρχείο, το οποίο πρέπει να είναι και αυτό μια προτεραιότητα για την SEO Checklist σου. Μπορείς να μάθεις ακριβώς τι είναι και πως να δημιουργήσεις ένα διαβάζοντας ένα προηγούμενο άρθρο που είχα γράψει με τίτλο “Τι είναι το Robots.txt και πως σε βοηθάει στην SEO στρατηγική σου;“

8. Google Search Console και Bing Webmaster Tools

Τόσο το Google Search Console όσο και το Bing Webmaster Tools, είναι δύο απαραίτητα εργαλεία για να παρέχεις περισσότερες πληροφορίες στις μηχανές αναζήτησης σχετικά με το blog σου και το περιεχόμενο του, αλλά και για να παρακολουθείς επιπλέον στατιστικά τα οποία θα σε βοηθήσουν να κατανοήσεις τον κόσμο που σε επισκέπτεται.

Αν δεν έχεις καταχωρήσει ήδη το blog σου σε αυτά τα δύο εργαλεία, τότε θα χαρείς να μάθεις πως η διαδικασία είναι μόλις μερικά λεπτά και μπορεί να την ακολουθήσει ο καθένας. Για το Google Search Console έχω γράψει και αναλυτικό άρθρο, ενώ μόλις καταχωρήσεις το blog σου σε αυτό, μετά μπορείς να εισάγεις όλα τα δεδομένα (sitemaps, συνδέσμους κ.α.) απευθείας στο Bing Webmaster Tools με το πάτημα ενός κουμπιού.

9. Σπασμένοι σύνδεσμοι (broken links)

Το να διορθώνεις τους σπασμένους συνδέσμους του blog σου είναι αναμφισβήτητα ένα από τα κύρια πράγματα που πρέπει να συμπεριλαμβάνεις στην SEO Checklist σου. Προσωπικά, κάθε φορά που βλέπω έναν σπασμένο σύνδεσμο τον διορθώνω σχεδόν στιγμιαία, ώστε να μην μαζεύονται αρκετοί και μετά πρέπει να επενδύω αρκετές ώρες διορθώνοντας τους όλους. Ο λόγος που το κάνω αυτό είναι και γιατί οι μηχανές αναζήτησης έχουν “μικτά” συναισθήματα για τους σπασμένους συνδέσμους, αλλά και κατά κύριο λόγο γιατί οι αναγνώστες μου δεν θα βλέπουν ποτέ 404 Page Error σελίδες.

Ο πιο εύκολος και πρακτικός τρόπος για να διορθώσεις όλους τους σπασμένους εσωτερικούς και εξωτερικούς συνδέσμους του blog σου (συμπεριλαμβανομένων των εξωτερικών και εσωτερικών συνδέσμων στα άρθρα και τις σελίδες σου) είναι με τη χρήση του Broken Link Checker.

10. Βελτιστοποίηση των φωτογραφιών και των βίντεο

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

Για τις φωτογραφίες, φρόντισε πως τις συμπιέζεις όλες με εργαλεία όπως το reSmush.it plugin, τις μετατρέπεις αυτόματα σε WebP μορφή και τις παρέχεις μέσω μιας αξιόπιστης CDN υπηρεσίας. Τα βίντεο μπορείς επίσης να τα βελτιστοποιήσεις με τη χρήση του Lazy-Loading, το οποίο βοηθάει επίσης και στις φωτογραφίες.

Ο καλύτερος και πιο πρακτικός τρόπος για να ξεμπερδεύεις με όλα αυτά, είναι χρησιμοποιώντας CDN υπηρεσίες όπως το Gumlet που τα κάνουν όλα μαζί και είναι πανεύκολο στη χρήση ακόμα και για αρχάριους χρήστες.

Θα συνεχίζω να βελτιώνω την παραπάνω SEO Checklist με νέες συμβουλές ανά ορισμένα χρονικά διαστήματα. Ως εκ τούτου, πρόσθεσε το άρθρο στους σελιδοδείκτες σου και ανά μερικούς μήνες έλεγχε τα παραπάνω για να διατηρείς το blog σου σε άριστη κατάσταση.

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

Featured Image Mockup: macrovector στο Freepik

Μιας και η ταχύτητα θεωρείται ως ένας σημαντικός παράγοντας από την Google για το SEO ενός site, η συμπίεση και η μετατροπή των φωτογραφιών ενός blog σε πιο καινούργιες και μοντέρνες μορφές είναι πλέον απαραίτητη. Παρόλα αυτά, το κόστος συχνά είναι υψηλό και η πράξη δύσκολη, και εδώ έρχεται το Gumlet CDN και σε βοηθάει να αυξήσεις την ταχύτητα του blog σου στα ύψη, σε λιγότερο από 10 λεπτά, ακόμα και αν είσαι εντελώς αρχάριος χρήστης.

Ακούγεται πολύ καλό για να ‘ναι αληθινό, αλλά οι άνθρωποι βρήκαν τον κατάλληλο τρόπο για να παρέχουν ακριβώς αυτό που ζητάνε όλοι οι bloggers: Ένα γρήγορο blog, με χαμηλό κόστος και εύκολη εγκατάσταση που γίνεται και από bloggers που δεν έχουν την παραμικρή ιδέα από τεχνικά θέματα.

Επισκέψου την υπηρεσία εδώ!

Τι ακριβώς κάνει το Gumlet CDN

Το Gumlet είναι μια υπηρεσία βελτιστοποίησης και παράδοσης φωτογραφιών βασισμένη στο cloud, η οποία βοηθάει εκατοντάδες χιλιάδες ιστοσελίδες και mobile εφαρμογές να παρέχουν στους χρήστες τους υψηλής ποιότητας βελτιστοποιημένες φωτογραφίες.

Με απλά λόγια: Όταν ενεργοποιήσεις την CDN υπηρεσία του Gumlet, όλες οι φωτογραφίες του blog σου θα φορτώνουν και θα ανοίγουν από το cloud δίκτυο του Gumlet. Μιας και η υπηρεσία βελτιστοποιεί τις φωτογραφίες, αν ο browser (περιηγητής) του αναγνώστη σου υποστηρίζει πιο καινούργιες μορφές αρχείων, όπως τις WebP και τις AVIF μορφές της Google, οι φωτογραφίες θα φορτώνουν σχεδόν στιγμιαία.

Μιας και οι περισσότεροι browsers υποστηρίζουν πλέον αυτές τις μορφές, και κυρίως την WebP μορφή, θα δεις το bandwidth του server σου να μειώνεται σημαντικά, την ταχύτητα του blog σου να χτυπάει πράσινο στο GTMetrix και στο PageSpeed Insights, το engagement και το bounce rate να επιστρέφουν στα φυσιολογικά τους και το SEO σκορ του blog σου να απογειώνεται. Όλα αυτά, μόνο από τις εικόνες, οι οποίες αυξάνουν σημαντικά την ταχύτητα του blog.

Οι δυνατότητες που παρέχει το Gumlet CDN

• Αυτόματη βελτιστοποίηση: Με την Gumlet.js library, θα έχεις την δυνατότητα να ενσωματώσεις το Gumlet σε οποιαδήποτε πλατφόρμα σε λιγότερο από 10 λεπτά.
• Γρηγορότερη φόρτωση εικόνων: Οι εικόνες σου φορτώνουν μέσω του Amazon CloudFront CDN με 200+ PoPs σε ολόκληρο τον κόσμο.
• Βελτίωση του SEO: Οι ελαφρύτερες σελίδες σημαίνουν πιο γρήγορη φόρτωση, και άρα καλύτερο SEO σκορ για την ιστοσελίδα σου.
• Πιο εύκολη επεξεργασία και οργάνωση εικόνων: Αντί να παρέχεις στους αναγνώστες σου διαφορετικές κομμένες φωτογραφίες, λαμβάνουν μια σε ένα μέγεθος, η οποία είναι πλήρως βελτιστοποιημένη.
• Μετατροπή εικόνων: Όλες οι εικόνες σου μετατρέπονται αυτόματα σε WebP και AVIF (και οι δύο μορφές είναι της Google) και είναι retina-ready, ενώ αν ο επισκέπτης δεν έχει μοντέρνο browser, τότε εμφανίζεται η πραγματική μορφή της εικόνας (π.χ. JPEG, JPG, PNG, GIF κ.λ.π.).
• Στατιστικά: Αναλυτικά στατιστικά και ειδοποιήσεις μέσω email για να βλέπεις πόσο bandwidth έχεις καταναλώσει.

Για να δεις όλα όσα παρέχει η εταιρεία, ρίξε μια ματιά στην επίσημη ιστοσελίδα της.

Να σημειώσω εδώ πως όταν χρησιμοποιείς το Gumlet CDN, δεν χρειάζεται να χρησιμοποιείς WordPress plugin για την συμπίεση και βελτιστοποίηση φωτογραφιών, καθώς τα αναλαμβάνει όλα η υπηρεσία. Αυτό σημαίνει γρηγορότερο ανέβασμα φωτογραφιών στην βιβλιοθήκη του WordPress, καθώς δεν κάνει αυτόματη συμπίεση κατά το ανέβασμα, και ένα γρηγορότερο διαχειριστικό καθώς υπάρχουν λιγότερα plugins.

Πόσο κοστίζουν τα πακέτα της υπηρεσίας και πόσο bandwidth καταναλώνει το blog σου

Σε αντίθεση με τις περισσότερες ανταγωνιστικές υπηρεσίες, αλλά και με τα ατελείωτα WordPress plugins που θα βρεις για την συμπίεση φωτογραφιών, το Gumlet είναι αναμφισβήτητα από τις οικονομικότερες και καλύτερες επιλογές.

Για να βρεις πόσο bandwidth καταναλώνει καθημερινά ή μηνιαίως το blog σου, έλεγξε τα στατιστικά του cPanel ή Plesk διαχειριστικού σου (παρέχεται με κάθε web hosting πακέτο, ενώ τα στοιχεία σύνδεσης τα λαμβάνεις μαζί με το email που έλαβες όταν ενεργοποιήθηκε το hosting πακέτο σου). Μπορείς επίσης να ζητήσεις από τον προγραμματιστή σου ή την hosting εταιρεία που σε φιλοξενεί τα στατιστικά των τελευταίων μηνών για την κατανάλωση του bandwidth από το blog σου.

Ένας ακόμα πιο εύκολος τρόπος, ωστόσο, θα ‘ταν απλά να χρησιμοποιήσεις το δωρεάν online εργαλείο που παρέχει το Gumlet για τον έλεγχο της ταχύτητας και του SEO του blog σου. Απλά μπες στο εργαλείο κάνοντας κλικ στο παραπάνω κουμπί, πρόσθεσε τον σύνδεσμο του blog σου και πάτα στην επιλογή “Analyze page“. Η υπηρεσία θα ελέγξει το blog σου και θα σου δείξει τι αποτελέσματα θα έχει στην ταχύτητα με την χρήση της υπηρεσίας.

Αν δυσκολεύεσαι να επιλέξεις ένα από τα παραπάνω πακέτα της υπηρεσίας, επίτρεψε μου να σου τα αναλύσω με πιο απλά λόγια:

• Το δωρεάν πακέτο: Είναι ιδανικό για bloggers που θέλουν να δοκιμάσουν την υπηρεσία και να δουν ποια είναι τα τελικά αποτελέσματα στην ταχύτητα (παρέχεται η δυνατότητα αναβάθμισης στο Pro ή Business πακέτο με ένα κλικ).
• Το Pro πακέτο: Είναι ιδανικό για μικρά και μεγάλα blogs που θέλουν να επενδύσουν λίγα παραπάνω χρήματα για την αύξηση της ταχύτητας και του SEO τους. Θα επωφεληθούν επίσης από την αναβάθμιση σε νέο μεγαλύτερο hosting πακέτο, καθώς θα καταναλώνουν λιγότερο bandwidth.
• Το Business πακέτο: Είναι ιδανικό για πολύ μεγάλες ιστοσελίδες με αρκετούς χιλιάδες μηνιαίους αναγνώστες και live χρήστες, που θέλουν να παρέχουν υψηλής ποιότητας φωτογραφίες οι οποίες δεν θα επηρεάζουν αρνητικά την ταχύτητα τους. Γλυτώνουν επίσης από άφθονο bandwidth στους servers τους.

Πως να περάσεις το Gumlet CDN στο WordPress site σου

Και εδώ έρχονται τα καλύτερα νέα: Το να συνδέσεις το Gumlet CDN με το WordPress site σου είναι υπόθεση 10 λεπτών – ή και λιγότερο.

1. Πρώτα βήματα:

1. Δημιούργησε έναν λογαριασμό στην υπηρεσία.
2. Επέλεξε ένα από τα διαθέσιμα πακέτα.
3. Συμπλήρωσε τα στοιχεία σου και τα στοιχεία του blog σου.

2. Gumlet WordPress Plugin

• Εγκατέστησε το WordPress plugin του Gumlet.
• Σύνδεσε το με τον Gumlet λογαριασμό σου.
• Έλεγξε τις Ρυθμίσεις και πάτα Αποθήκευση.

Είσαι έτοιμος/μη! Για να επιβεβαιώσεις πως το Gumlet λειτουργεί σωστά, καθάρισε την cache του blog σου και στη συνέχεια κάνε έναν έλεγχο με το Google PageSpeed Insights ή με το GTMetrix, για να ελέγξεις τους συνδέσμους των φωτογραφιών σου.

Μπορείς επίσης να κάνεις δεξί κλικ πάνω σε μια φωτογραφία -> Επιθεώρηση (Inspect) και μέσα απ’ την καρτέλα ‘Elements‘ να ελέγξεις αν ο σύνδεσμος των φωτογραφιών σου έχει αλλάξει με το domain name του Gumlet.

Συμβουλή: Μιας και το Gumlet CDN βελτιστοποιεί τις φωτογραφίες, ο συνδυασμός του με την CloudFlare είναι η ιδανικότερη λύση για ένα γρηγορότερο και ασφαλέστερο blog. Η πρώτη υπηρεσία θα βελτιστοποιεί και θα παραδίδει τις φωτογραφίες, ενώ η δεύτερη θα κάνει το ίδιο για τα HTML, CSS και JavaScript αρχεία του blog σου. Έχουμε κατά νου πως το Gumlet βελτιστοποιεί και παρέχει και τα HTML, CSS και JavaScript αρχεία μας, οπότε η CloudFlare δεν είναι αναγκαία αν δεν θέλουμε να χρησιμοποιούμε και τις δύο υπηρεσίες.

3. Επίλυση προβλημάτων

Το καλό με το Gumlet CDN είναι πως ακόμα και αν το συνδέσεις και κάτι δεν λειτουργεί στη συνέχεια, μπορείς εύκολα να επαναφέρεις τα πάντα απλά απενεργοποιώντας το plugin. Ως εκ τούτου, δεν έχεις να φοβηθείς κάτι.

Στην περίπτωση που οι φωτογραφίες του blog σου δεν εμφανίζονται σωστά ή και καθόλου, απλά πάνε στις ρυθμίσεις του Gumlet και απενεργοποίησε την επιλογή “Use Original Images” και αποθήκευσε την αλλαγή. Έλεγξε αν το πρόβλημα επιλύθηκε, και αν δεν επιλύθηκε, ρίξε μια ματιά μήπως κάποιο από τα plugins που έχεις εγκαταστήσει (ή ακόμα και το theme σου) έχει ενεργοποιημένο το Lazy-Load.

Συνήθως, το Lazy-Load ή Lazy-Loading παρέχεται σε cache plugins, στις ρυθμίσεις του theme, ή σε κάποιο plugin που βελτιστοποιεί τις φωτογραφίες ή την ταχύτητα του blog. Όπου βρεις αυτή την επιλογή απενεργοποίησε την για να μην υπάρχουν προβλήματα συμβατότητας με το lazy-load του Gumlet.

Αν δεν καταφέρεις να επιλύσεις το πρόβλημα, τότε απενεργοποίησε προσωρινά το plugin και στείλε ένα μήνυμα στο support@gumlet.com, ή επικοινώνησε μαζί τους μέσω της Facebook σελίδας τους.

Σύνοψη..

Χρησιμοποιώ την υπηρεσία στο Inkstory τους τελευταίους μήνες χωρίς κανένα απολύτως πρόβλημα, και έχει αυξήσει σημαντικά την ταχύτητα του blog, ενώ έχει μειώσει εξίσου σημαντικά και το bandwidth του server μου.

Αν λοιπόν θέλεις να επενδύσεις λίγα χρήματα παραπάνω για να αυξήσεις την ταχύτητα και το SEO του blog σου, τότε το Gumlet CDN είναι αναμφισβήτητα μια από τις καλύτερες επιλογές που μπορείς να κάνεις. Με το δωρεάν πακέτο θα έχεις την δυνατότητα να ελέγξεις την υπηρεσία, να ελέγξεις για τυχόν προβλήματα, αλλά και τα τελικά αποτελέσματα που θα σου αποφέρει, προτού προχωρήσεις στο Pro πακέτο.

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

Featured Mockup Credits: Freepik.com

Για πολλά χρόνια δεν χρησιμοποιούσα καθόλου το Jetpack, ενώ παράλληλα πρότεινα στους πελάτες μου να σταματάνε να το χρησιμοποιούν και αυτοί, λόγο της ταχύτητας. Άλλωστε, όσο πιο γρήγορη είναι μια ιστοσελίδα, τόσο πιο καλό ranking έχει. Αλλά τι γίνεται όταν θέλεις να χρησιμοποιείς το Jetpack για μόλις 1-2 χαρακτηριστικά του, αλλά δεν θέλεις να σου βαραίνει περισσότερο το blog;

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

Βλέπεις, το Jetpack σου δίνει την δυνατότητα να προσθέσεις στις φόρμες σχολίων σου δύο επιλογές:

1. Επιλογή για να ειδοποιούνται οι αναγνώστες με κάθε νέα απάντηση στα σχόλια τους.
2. Επιλογή για να κάνουν εγγραφή και να λαμβάνουν στο email τους τα πιο πρόσφατα άρθρα σου.

Αν και η εγγραφή δεν με ενδιαφέρει ιδιαίτερα, καθώς χρησιμοποιώ (πλέον) το SendinBlue για να στέλνω τα newsletters του Inkstory, αλλά είναι ωραίο να υπάρχει και αυτό ως έξτρα επιλογή, καθώς όλοι οι subscribers αποθηκεύονται στους servers του WordPress.com (δες τις διαφορές του .com με το .org), με αποτέλεσμα να μην χρειάζεται να πληρώνεις έξτρα χρήματα στην newsletter υπηρεσία που χρησιμοποιείς.

Το πιο σημαντικό, ωστόσο, θεωρώ πως είναι η δυνατότητα για να λαμβάνουν ειδοποιήσεις για κάθε νέα απάντηση που έχουν στα σχόλια τους οι χρήστες. Αυτό είναι σημαντικό καθώς όλα τα plugins που έκαναν αυτή την δουλειά έχουν σταματήσει να υπάρχουν, με αποτέλεσμα το Jetpack να είναι ο μονόδρομος για τις ειδοποιήσεις των σχολίων.

Το πρόβλημα όμως είναι ότι κάθε φορά που κάνω εγκατάσταση το Jetpack σε ένα WordPress site, η ταχύτητα μπορεί να πέσει από 10 έως και 40 σε σκορ στο Google PageSpeed Insights και στο GTMetrix. Ειδικά από το GTMetrix, μπορείς εύκολα να δεις τον κώδικα που προσθέτει το plugin στα blogs με το που ενεργοποιείται, το οποίο φέρνει ως αποτέλεσμα την άμεση πτώση της ταχύτητας.

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

Πως να κάνεις το WordPress blog σου πιο γρήγορο έχοντας ενεργοποιημένο το Jetpack

Το Jetpack έχει μια εξαιρετική δυνατότητα, την οποία ανακάλυψα πρόσφατα. Δεν είναι είναι στις ρυθμίσεις του plugin, καθώς από εκεί δεν μπορείς να απενεργοποιήσεις εντελώς τα modules που τρέχουν στο παρασκήνιο και επηρεάζουν αρνητικά την ταχύτητα του WordPress site σου.

Σημείωση: Ακολουθώντας τα παρακάτω βήματα, θα απενεργοποιηθούν σχεδόν όλες οι δυνατότητες του Jetpack ώστε να λειτουργούν μόνο οι επιλογές στα σχόλια. Αν χρησιμοποιείς τα στατιστικά του Jetpack (κάτι το οποίο θεωρώ ανούσιο εφόσον υπάρχουν τα Google Analytics) έχε κατά νου πως θα σταματήσουν να λειτουργούν και να εμφανίζουν / συλλέγουν στατιστικά.

1. Πάνε στις Ρυθμίσεις (Settings) του Jetpack και κατέβα τέρμα κάτω, όπου θα βρεις την επιλογή “Debug” στο footer του plugin.

2. Στην επόμενη σελίδα που θα μεταφερθείς, κάνε κλικ στην επιλογή “Access the full list of Jetpack modules available on your site.“

3. Υπέροχα, τώρα βρίσκεσαι στην σελίδα με τα modules του Jetpack. Από εκεί, απενεργοποίησε τα όλα εκτός από αυτά που χρειάζεσαι (όπου στην προκειμένη περίπτωση, κρατάς ενεργοποιημένα μόνο όσα βλέπεις στην παρακάτω φωτογραφία).

4. Έτοιμος/μη!

Δεν χρειάζεται να κάνεις κάτι παραπάνω. Όλος ο κώδικας που καθυστερούσε αρκετά το WordPress site σου έχει εξαφανιστεί και μπορείς να ελέγξεις κατά πόσο ανέβηκε το σκορ στο Google PageSpeed Insights, στο GTMetrix και στο Pingdom.

Εσένα αυξήθηκε η ταχύτητα του WordPress site σου με την απενεργοποίηση των modules; Και αν ναι, πόσο αυξήθηκε σε σκορ; Θα χαρώ να ακούσω τις απόψεις σου στα σχόλια παρακάτω.

Featured Image Credits: Freepik

Μέχρι στιγμής θα έχεις καταλάβει λογικά το πόσο σημαντική είναι η ταχύτητα μιας ιστοσελίδας και πόσο σημαντικό ρόλο παίζει στο rank ενός blog ώστε να εμφανίζεται στις πρώτες θέσεις των αποτελεσμάτων στις μηχανές αναζήτησης. Τα πράγματα είναι απλά: όσο πιο γρήγορο είναι ένα blog, τόσο το καλύτερο για το SEO και το engagement του. Αλλά τι ακριβώς είναι η PHP και που κολλάει σε όλο αυτό; Είναι κάτι που πρέπει να σε ανησυχεί; Και αν ναι, τι πρέπει να κάνεις γι ‘αυτό;

Αυτή την στιγμή που γράφεται το άρθρο, το WordPress μπορεί να λειτουργήσει με την PHP 5.6 ή με μια νεότερη έκδοση της. Ένα blog σήμερα θα πρέπει να τρέχει είτε στην PHP 7.3, είτε στην PHP 4, η οποία βρίσκεται ακόμα πολύ λίγες ιστοσελίδες. Όσο πιο καινούργια είναι η έκδοση της PHP που τρέχεις, τόσο πιο γρήγορο θα είναι και το blog σου.

Τι είναι η PHP;

Με απλά και κατανοητά λόγια, η PHP είναι μια γλώσσα προγραμματισμού η οποία χρησιμοποιείται κυρίως σε CMS πλατφόρμες για τη δημιουργία δυναμικών ιστοσελίδων. Ο πυρήνας του WordPress για παράδειγμα, της μεγαλύτερης CMS πλατφόρμας στον κόσμο, είναι κυρίως γραμμένος πάνω σε PHP.

Όταν ένας αναγνώστης σου επισκέπτεται μια σελίδα του blog σου η οποία έχει PHP κώδικα, όπως όλες οι σελίδες και τα άρθρα του WordPress σου, ο κώδικας αυτός υποβάλλεται σε επεξεργασία μέσω του διακομιστή (server) και μετατρέπεται σε HTML κώδικα, ο οποίος στη συνέχεια εμφανίζεται στην οθόνη του αναγνώστη ως το blog σου.

Το καλό με την PHP είναι πως δεν χρειάζεται να την μάθεις για να μπορείς να λειτουργείς το WordPress, εκτός αν θέλεις να δημιουργείς δικά σου themes και plugins, ή εάν θέλεις να προσθέτεις διάφορα actions, filters και πιθανόν HTML και CSS κώδικα σε υπάρχον themes και plugins.

Με όλα αυτά κατά νου, ακόμα και ένας αρχάριος blogger πρέπει να γνωρίζει τη σημασία της PHP και πως μπορεί να την ενημερώνει μόνος του ανά μεγάλα χρονικά διαστήματα.

Γιατί πρέπει να σε ενδιαφέρει η έκδοση της PHP που έχεις;

Λοιπόν, ας ξεκινήσουμε με το πιο βασικό: Κάθε έκδοση της PHP είναι πως η έκδοση του λειτουργικού συστήματος που έχεις στον υπολογιστή, το laptop ή στο κινητό σου. Όσο πιο πρόσφατη έκδοση έχεις, τόσο πιο μεγάλη είναι η ταχύτητα, τόσα λιγότερα είναι τα προβλήματα και τόσο πιο ασφαλές είναι το περιβάλλον που χρησιμοποιήσεις.

Σύμφωνα με το W3Techs, η PHP χρησιμοποιείται σε περισσότερες από το 79% των ιστοσελίδων σε ολόκληρο τον κόσμο – συμπεριλαμβανομένων και όλων των WordPress ιστοσελίδων. Και όπως κάθε άλλο λογισμικό, έτσι και η PHP έχει ένα κύκλο ζωής για κάθε νέα έκδοση που κυκλοφορεί, ώστε να διορθώνονται προβλήματα και να υπάρχουν νέες βελτιώσεις στην γλώσσα προγραμματισμού.

Για την ακρίβεια, κάθε νέα έκδοση που κυκλοφορεί η PHP συχνά υποστηρίζεται για περίπου 2 χρόνια. Το πρόβλημα, ωστόσο, είναι πως οι περισσότεροι bloggers δεν γνωρίζουν καν για όλα αυτά, πόσο μάλλον για την ύπαρξη της PHP.

Μάλιστα, οι περισσότεροι δεν γνωρίζουν πως ακόμα και αν τρέχουν την PHP 7.0 και αναβαθμίσουν τα blogs τους στην PHP 7.3, θα έχουν τα παρακάτω οφέλη:

• Όσο πιο νέα είναι η έκδοση της PHP που τρέχει το WordPress, τόσο πιο ασφαλής είναι ο πυρήνας του.
• Οι τελευταίες εκδόσεις της PHP είναι συμβατές και λειτουργούν καλύτερα με τα νέα themes και plugins, καθώς οι παλιές εκδόσεις σταματάνε να είναι συμβατές.
• Η PHP 7 και οι νεότερες εκδόσεις της παρέχουν μεγαλύτερες δυνατότητες στους προγραμματιστές για να κυκλοφορούν νέα χαρακτηριστικά.
• Όσο πιο πρόσφατη έκδοση έχεις, τόσο πιο υψηλή είναι η ταχύτητα και η απόδοση της ιστοσελίδας σου.

Φυσικά, μπορεί να το WordPress να λειτουργεί άψογα με την PHP 5.6, αλλά αν κάτσεις και σκεφτείς για ένα λεπτό πως η συγκεκριμένη έκδοση δεν έχει υποστηριχτεί από το 2017, μπορείς εύκολα να καταλάβεις τα προβλήματα που έχουν διορθωθεί από τότε και οι αλλαγές που έχουν γίνει. Άλλωστε, η τεχνική υποστήριξη της συγκεκριμένης έκδοσης σταμάτησε εντελώς τον Ιανουάριο του 2019, και παρόλα αυτά, πάνω από το 17% των WordPress ιστοσελίδων συνεχίζουν να την χρησιμοποιούν.

Πως να δεις σε τι έκδοση PHP τρέχει το WordPress site σου

Το να δεις σε ποια έκδοση PHP τρέχει το WordPress site σου είναι ειλικρινά υπόθεση μερικών δευτερολέπτων. Για την ακρίβεια, δεν χρειάζεται ούτε να συνδεθείς στον server σου, ούτε να εγκαταστήσεις κάποιο plugin. Οι πληροφορίες βρίσκονται διαθέσιμες απευθείας μέσα από το Health Check εργαλείο της πλατφόρμας.

Από το αριστερό πλαϊνό μενού του WordPress, πάνε στην καρτέλα Εργαλεία > Υγεία ιστότοπου > Πληροφορίες και στην ενότητα “Διακομιστής” δες ποια έκδοση τρέχεις.

Όπως μπορείς να δεις και από την παραπάνω φωτογραφία, το Inkstory τρέχει στην PHP 7.4.5, η οποία είναι και η πιο πρόσφατη έκδοση που υποστηρίζει η TsoHost αυτή την στιγμή.

Ενημέρωση της PHP για μεγαλύτερη ταχύτητα στο WordPress (οδηγός για αρχάριους)

Το πιστεύεις δε το πιστεύεις, υπάρχουν διάφοροι προγραμματιστές και μερικές εταιρείες στην Ελλάδα, οι οποίες χρεώνουν έως και 70-80 ευρώ την ενημέρωση της PHP, γεγονός το οποίο με κάνει να γελάω κάθε φορά, αν σκεφτείς πως είναι υπόθεση μερικών δευτερολέπτων και το κάνω σε όλους τους πελάτες μου εντελώς δωρεάν.

Τα καλά νέα; Μπορείς να ενημερώσεις την PHP με το πάτημα ενός κουμπιού. Δεν χρειάζεται να έχεις γνώσεις προγραμματιστή για να το κάνεις, αλλά μπορείς να ζητήσεις από την hosting εταιρεία σου να το κάνει και αυτή για εσένα, αλλά δεν στο προτείνω. Ο λόγος που δεν προτείνω να αφήνεις μια hosting εταιρεία να ενημερώνει την έκδοση της PHP στην ιστοσελίδα σου, είναι επειδή αν την ενημερώσει και έχεις κάποιο plugin το οποίο δεν το έχεις ενημερώσει ή έχει σταματήσει να ενημερώνεται εδώ και χρόνια και δεν είναι συμβατό με τις τελευταίες εκδόσεις της γλώσσας, τότε υπάρχει μεγάλη περίπτωση να πέσει το blog σου.

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

Η ενημέρωση της PHP είναι πανεύκολη και ουσιαστικά αυτό που πρέπει να κάνεις είναι να συνδεθείς στο Plesk ή το cPanel (κάθε hosting υπηρεσία σου παρέχει ένα από τα δύο panel) και να ακολουθήσεις τα παρακάτω βήματα.

Ενημέρωση της PHP στο Plesk Control Panel

Αν οι παρακάτω φωτογραφίες σου φαίνονται λίγο διαφορετικές, είναι η μικρή διαφορά σχεδιασμού που έχει το Plesk σε κάθε του έκδοση (αυτή την στιγμή εγώ χρησιμοποιώ την τελευταία). Παρόλα αυτά, μόνο ο σχεδιασμός αλλάζει και όχι η διαδικασία.

Σημείωση: Αν δεν γνωρίζεις που είναι τα στοιχεία σύνδεσης σου για το Plesk ή το cPanel, έλεγξε στα πρώτα emails που σου έστειλε η hosting εταιρεία όταν αγόρασες το hosting πακέτο σου. Εκεί μέσα βρίσκεται ο σύνδεσμος και τα στοιχεία σύνδεσης για το διαχειριστικό Panel του blog σου. Μπορείς επίσης να τους τα ζητήσεις, ενώ αν είσαι στο Papaki, απλά μπες στο πακέτο σου και κάνε κλικ στην επιλογή “Διαχείριση Hosting”.

1. Μόλις συνδεθείς στο Plesk, ψάξε την επιλογή PHP Settings, η οποία βρίσκεται κάτω από την ιστοσελίδα σου.

2. Επέλεξε την έκδοση της PHP που θέλεις να ενημερώσεις και στη συνέχεια κατέβα τέρμα κάτω και κάνε κλικ στο “Apply” και μετά στο “ΟΚ“.

3. Περίμενε μερικά δευτερόλεπτα (καθώς η ιστοσελίδα για περίπου 10-30 δευτερόλεπτα δεν θα ‘ναι διαθέσιμη) και επισκέψου την ιστοσελίδα σου να δεις αν όλα λειτουργούν σωστά.

Ενημέρωση της PHP στο cPanel

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

1. Μόλις συνδεθείς στο cPanel, ψάξε την επιλογή “MultiPHP Manager” και κάνε κλικ για να μεταφερθείς στην επόμενη σελίδα.

2. Επέλεξε την ιστοσελίδα που θέλεις να ενημερώσεις, επέλεξε την έκδοση της PHP και κάνε κλικ στο “Apply” για να ολοκληρώσεις την αλλαγή.

3. Περίμενε μερικά δευτερόλεπτα (καθώς η ιστοσελίδα για περίπου 10-30 δευτερόλεπτα δεν θα ‘ναι διαθέσιμη) και επισκέψου την ιστοσελίδα σου να δεις αν όλα λειτουργούν σωστά.

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

Η δική σου ιστοσελίδα σε ποια έκδοση της PHP τρέχει αυτή την στιγμή; Χρειάστηκε να προχωρήσεις στην ενημέρωση της PHP; Και αν ναι, σε δυσκόλεψε καθόλου η διαδικασία; Θα χαρώ να ακούσω τις απόψεις και τις εμπειρίες σου στα σχόλια παρακάτω.

Featured Image Credits: Nicole Wolf στο Unsplash

Η δημοτικότητα των CDN υπηρεσιών αυξάνεται ολοένα και περισσότερο και στις μέρες μας καθώς η πλειονότητα της διαδικτυακής κίνησης εξυπηρετείται μέσω CDN. Το ίδιο άλλωστε έκαναν και πιο γνωστές εταιρείες όπως το Facebook, το Netflix και το Amazon. Μάλιστα, ένα σωστά ρυθμισμένο CDN θα προστατέψει την ιστοσελίδα σου από επιθέσεις (hacking) ή από DDOS.

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

Ποια είναι τα οφέλη του να χρησιμοποιείς μια CDN υπηρεσία;

Υπάρχουν αρκετά πράγματα από τα οποία μπορείς να επωφεληθείς από μια CDN υπηρεσία, έχοντας επίσης κατά νου πως θα αυξηθεί και το SEO ranking σου, αλλά θα δεις παρακάτω γιατί.

• Αυξάνει την ταχύτητα στη φόρτωση σελίδων: Όταν έχεις μια CDN υπηρεσία, αυτό σημαίνει πως κάθε επισκέπτης που θα επισκέπτεται το blog σου, θα τον βάζει από τον πιο κοντινό server. Ως εκ τούτου, η Google θα δει μεγαλύτερο σκορ στην ταχύτητα της ιστοσελίδας σου και θα δεις το ranking σου να αυξάνεται.
• Θα μειώσει το bandwidth στον server σου: Το bandwidth είναι προφανώς ένα από τα πράγματα που ανησυχεί περισσότερο τους bloggers καθώς όσο περισσότερος κόσμος επισκέπτεται το blog σου, τόσο πιο πολύ αυξάνεται το bandwidth. Στα περισσότερα sharing hosting πακέτα, το bandwidth συχνά είναι αρκετά περιορισμένο και για να φροντίσεις πως δεν θα το φτάσεις και δεν θα χρειαστεί να πληρώνεις παραπάνω για μεγαλύτερο server, με μια CDN υπηρεσία θα γλιτώσεις αρκετό από το πολύτιμο bandwidth που έχεις.
• Μεγαλύτερη ασφάλεια: Εκτός από το γεγονός πως μια CDN υπηρεσία μπορεί να σου αυξήσει την ασφάλεια από DDOS επιθέσεις, αν ο server σου πέσει, έως ότου λύσεις το πρόβλημα η ιστοσελίδα σου θα παραμένει ανοιχτή με την προσωρινή cache που τις έχει απομείνει.
• Minify του κώδικα: Αν έχεις ξανά ακούσει την λέξη “minify” αλλά τρομοκρατήσε επειδή αφορά τον κώδικα του blog σου, τότε με μια CDN υπηρεσία η υπόθεση είναι μόλις ένα κλικ για την ενεργοποίηση του minify σε όλα τα HTML, CSS και JavaScript αρχεία σου.

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

Οι καλύτερες CDN υπηρεσίες για ιστοσελίδες

1. FlyingPress με FlyingCDN

Η οικονομικότερη και πιο εύκολη λύση για όσους θέλουν να έχουν CDN σε λίγα μόλις λεπτά.

Διάβασε το Review: FlyingPress: Βελτιστοποίηση WordPress ιστοσελίδων συν CDN

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

Το FlyingPress είναι ένα ελαφρύ, γρήγορο και εύκολο στη χρήση πρόσθετο για το WordPress, το οποίο σου επιτρέπει να αυξήσεις σημαντικά την ταχύτητα της ιστοσελίδας σου, απλά ενεργοποιώντας ορισμένες λειτουργίες με το πάτημα ενός κουμπιού. Παράλληλα, αυξάνει σημαντικά τη βαθμολογία που λαμβάνει η ιστοσελίδα σου μέσω του Google PageSpeed Insights, του GTMetrix και μεταξύ άλλων υπηρεσιών για τον έλεγχο της ταχύτητας, ενώ διορθώνει όλα τα Core Web Vitals.

Το FlyingCDN είναι μια CDN υπηρεσία η οποία μπορεί να ενεργοποιηθεί μέσα από τις ρυθμίσεις του FlyingPress plugin. Για να λειτουργήσει η CDN υπηρεσία θα πρέπει πρώτα να έχεις αποκτήσει, εγκαταστήσει και ενεργοποιήσει το FlyingPress στην WordPress ιστοσελίδα σου. Η υπηρεσία χρεώνεται επίσης μηνιαίως και αντί να τραβάει τα χρήματα από την χρεωστική, πιστωτική, ή προ-πληρωμένη κάρτα σου, τα τραβάει μέσα από τον FlyingPress λογαριασμό σου, όπου σου παρέχεται ένα είδους ηλεκτρονικού πορτοφολιού.

2. Gumlet CDN

Η οικονομικότερη CDN υπηρεσία με καταπληκτικές δυνατότητες, εύκολη διαχείριση, εύκολη σύνδεση σε WordPress sites και βελτιστοποίηση για μέγιστη ταχύτητα.

Διάβασε το Review: Τι είναι το Gumlet CDN και πως αυξάνει την ταχύτητα του site

Το Gumlet CDN είναι μια οικονομική εταιρεία που υπόσχεται να σου συμπιέσει τις φωτογραφίες και να τις μετατρέψει σε WebP και AVIF, αυξάνοντας το SEO στα ύψη και, εντελώς δωρεάν, ή με ένα μικρό κόστος που συμφέρει και τα πιο μικρά ή μεγάλα blogs.

Όταν ενεργοποιήσεις την CDN υπηρεσία του Gumlet, όλες οι φωτογραφίες του blog σου θα φορτώνουν και θα ανοίγουν από το cloud δίκτυο του Gumlet. Μιας και η υπηρεσία βελτιστοποιεί τις φωτογραφίες, αν ο browser (περιηγητής) του αναγνώστη σου υποστηρίζει πιο καινούργιες μορφές αρχείων, όπως τις WebP και τις AVIF μορφές της Google, οι φωτογραφίες θα φορτώνουν σχεδόν στιγμιαία.

Μιας και οι περισσότεροι browsers υποστηρίζουν πλέον αυτές τις μορφές, και κυρίως την WebP μορφή, θα δεις το bandwidth του server σου να μειώνεται σημαντικά, την ταχύτητα του blog σου να χτυπάει πράσινο στο GTMetrix και στο PageSpeed Insights, το engagement και το bounce rate να επιστρέφουν στα φυσιολογικά τους και το SEO σκορ του blog σου να απογειώνεται. Όλα αυτά, μόνο από τις εικόνες, οι οποίες αυξάνουν σημαντικά την ταχύτητα του blog.

3. BunnyCDN

Για ένα blog που έχει λιγότερους από 900 χιλιάδες μηνιαίους επισκέπτες, πιθανός να σου κοστίζει περίπου 10-20 ευρώ ετησίως. Οι πρώτες 14 ημέρες είναι επίσης δωρεάν για να καταλάβεις στο περίπου πόσα θα πληρώνεις μετά κάθε μήνα.

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

• Επιτρέπει την αυτόματη παροχή WebP εικόνων σε όσους browsers και συσκευές τις υποστηρίζουν για γρηγορότερη ταχύτητα στην φόρτωση των φωτογραφιών και των σελίδων.

• Κάνει αυτόματο minify στα HTML, CSS και JavaScript αρχεία σου έτσι ώστε να αυξηθεί η συνολική ταχύτητα της ιστοσελίδας σου.

• Παρέχουν 50+ servers σε ολόκληρο τον κόσμο, έτσι ώστε οι επισκέπτες σου όταν επισκέπτονται το blog σου, να τους φορτώνει από τον κοντινότερο server.

Το BunnyCDN παρέχει επίσης και το δικό του WordPress plugin, έτσι ώστε αν το blog σου τρέχει στην πλατφόρμα, η εγκατάσταση του CDN είναι παιχνιδάκι ενός λεπτού και δεν απαιτούνται άλλες αλλαγές. Αν έχεις, ωστόσο, κάποιο caching plugin εγκατεστημένο, τότε θα χρειαστεί να την συνδέσεις μέσω του plugin.

4. CloudFlare

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

Η CloudFlare είναι μια από τις μεγαλύτερες εταιρείες σε ολόκληρο τον κόσμο και ίσως η δημοφιλέστερη CDN υπηρεσία που υπάρχει. Παρέχει ένα εξαιρετικό δωρεάν πακέτο για όσους ενδιαφέρονται να δοκιμάσουν την υπηρεσία της και μερικά συνδρομητικά πακέτα για όσους θέλουν να επωφεληθούν με περισσότερες δυνατότητες, μεγαλύτερη ταχύτητα και περισσότερα διαθέσιμα εργαλεία.

Ενώ το δωρεάν πακέτο είναι ειλικρινά εξαιρετικό, στην πραγματικότητα η διαφορά μεταξύ του δωρεάν πακέτου με το φθηνότερο που κοστίζει 20 δολάρια μηνιαίως, είναι μέρα με τη νύχτα. Με 20 δολάρια μηνιαίως η ταχύτητα αυξάνεται σε δραματικά επίπεδα παραπάνω, παρέχεται firewall, αυτόματη βελτιστοποίηση για τα κινητά, αυτόματη TCP βελτιστοποίηση και το σημαντικότερο απ’ όλα, συμπίεση και βελτιστοποίηση των φωτογραφιών – πράγματα τα οποία δεν παρέχονται στο δωρεάν πακέτο της υπηρεσίας.

Ουσιαστικά, με το δωρεάν πακέτο θα λάβεις προστασία από DDOS επιθέσεις και ενίσχυση της ταχύτητας μέσω των διακομιστών που παρέχει η εταιρεία, αλλά σε περιορισμένο αριθμό καθώς μόνο οι συνδρομητές απολαμβάνουν όλους τους servers, ενώ οι δωρεάν χρήστες περιορίζονται μόνο σε ορισμένους από αυτούς. Με το δωρεάν πακέτο θα είσαι επίσης σε θέση να κάνεις minify τα πιο σημαντικά σου αρχεία και θα δεις την ταχύτητα του blog σου να ανεβαίνει σε σκορ από ιστοσελίδες όπως το GTMetrix, το Pingdom και το Google PageSpeed Insights.

Το CDN (Content Delivery Network ή Δίκτυο Παροχής Περιεχομένου) είναι ουσιαστικά μια ομάδα εξυπηρετητών – χωρισμένοι σε διάφορες χώρες σε ολόκληρο τον κόσμο – που συνεργάζονται μεταξύ τους για να παρέχουν παράδοση περιεχομένου στο διαδίκτυο. Ένα CDN επιτρέπει τη γρήγορη μεταφορά των στοιχείων που απαιτούνται για τη φόρτωση περιεχομένου στο διαδίκτυο, συμπεριλαμβανομένων σελίδων HTML, αρχείων JavaScript, stylesheets, εικόνων και βίντεο.

Για να συνδέσεις το blog σου με την CloudFlare, θα χρειαστεί πρώτα να αλλάξεις τους nameservers του domain name σου με αυτούς που σου δίνει η υπηρεσία και στη συνέχεια είτε να εγκαταστήσεις το WordPress plugin της για καλύτερη ρύθμιση της cache, είτε να την προσθέσεις στο cache plugin που χρησιμοποιείς ήδη.

Ποια από τις δύο υπηρεσίες να επιλέξεις και γιατί

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

Για μεγάλα blogs: Αν έχεις ένα μεγάλο blog το οποίο έχει εκατοντάδες χιλιάδες ή εκατομμύρια μοναδικούς επισκέπτες κάθε μήνα, τότε θα σου πρότεινα να πας στο premium πακέτο της CloudFlare, καθώς παρέχει απεριόριστο bandwidth με μόλις 20 δολάρια μηνιαίως. Με το BunnyCDN ίσως δεις μεγαλύτερες ταχύτητες και καλύτερο σκορ σε speed testing υπηρεσίες, αλλά τα έξοδα θα είναι σίγουρα μεγαλύτερα.

Για μικρά blogs: Αν το blog σου δεν ξεπερνάει τις 900 χιλιάδες μηνιαίες επισκέψεις, τότε σου προτείνω να πας στο BunnyCDN για αυξημένη ταχύτητα, WebP εικόνες και εξαιρετικό minify του κώδικα. Όλα με ένα κλικ. Κάτα πάσα πιθανότητα, το κόστος της υπηρεσίας θα σου βγαίνει μεταξύ 10-20 ευρώ ετησίως, ανάλογα με τον κόσμο που έχεις. Το καλό με το BunnyCDN είναι πως σε χρεώνει με τέτοιον τρόπο, που δεν πρόκειται ποτέ να σου τραβήξει χρήματα από την κάρτα. Με πιο απλά λόγια, η υπηρεσία σου παρέχει ένα “πορτοφόλι” μέσα στον λογαριασμό σου στο οποίο μπορείς να καταθέσεις από 10 ευρώ έως όσα χρήματα επιθυμείς. Στη συνέχεια, η υπηρεσία τραβάει τα χρήματα μέσα από το πορτοφόλι σου και όχι από την κάρτα σου. Θα έχεις επίσης στατιστικά για να βλέπεις πόσα χρήματα ξοδεύεις από το πορτοφόλι σου κάθε μήνα λόγο του bandwidth του blog σου.

Για οικονομία: Αν δεν έχεις την δυνατότητα να πληρώνεις 10-20 ευρώ ετησίως για μια CDN υπηρεσία, τότε μπορείς να χρησιμοποιήσεις το δωρεάν πακέτο της CloudFlare έτσι ώστε να έχεις και CDN, αλλά και ορισμένες βασικές λειτουργίες όπως το minify, την προστασία από DDOS επιθέσεις κ.α. Μην περιμένεις να δεις μεγάλη διαφορά στην ταχύτητα με το δωρεάν πακέτο, αλλά μόνο η προστασία που σου παρέχει αρκεί για να την χρησιμοποιήσεις το συντομότερο.

Σύνοψη..

Στο Inkstory είδα πολύ μικρή διαφορά με το δωρεάν πακέτο της CloudFlare, αλλά μεγάλη διαφορά στην ταχύτητα με το BunnyCDN, με το οποίο και έμεινα. Η υπηρεσία μπορεί να είναι λίγο πιο ακριβή για μεγάλα blogs σε αντίθεση με το συνδρομητικό πακέτο της CloudFlare, αλλά μόνο που παρέχει WebP εικόνες, αυτόματη συμπίεση, free cookie domains και πάνω από 50 servers για την παροχή του περιεχομένου μου, είναι άξια για κάθε ευρώ που δίνω σε αυτήν.

Με ένα γρήγορο σερφάρισμα στο Inkstory θα καταλάβεις γρήγορα την ταχύτητα και την απόδοση της ιστοσελίδας χάρη στο CDN.

Εσύ ήξερες τι είναι οι CDN υπηρεσίες και ποια είναι τα οφέλη τους; Θα χαρώ να ακούσω τις απόψεις σου στα σχόλια παρακάτω.

Κάθε φορά που αναλαμβάνω έναν καινούργιο πελάτη, υπάρχει 50-50% πιθανότητα να χρησιμοποιεί το Jetpack plugin στο WordPress blog του. Το πρώτο πράγμα που ρωτάω κάθε φορά είναι: “Το χρειάζεσαι το plugin;” Και αν η απάντηση είναι “Όχι,” τότε το αφαιρώ κατευθείαν.

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

Τα χαρακτηριστικά και οι επιλογές που παρέχει το Jetpack

Το Jetpack σου δίνει την δυνατότητα να ενεργοποιείς η να απενεργοποιείς ένα σωρό μικρό-εργαλεία του (αλλιώς γνωστά και ως modules). Τα καλά νέα είναι πως όσα πιο λίγα έχεις ενεργοποιημένα, τόσο πιο ελαφρύ είναι και το plugin. Αυτό σημαίνει πως όταν απενεργοποιείς ένα από τα modules του Jetpack, ο κώδικας του εξαφανίζεται και δε βαραίνει τη σελίδα σου αλλά ούτε προσθέτει HTTP requests.

Όλα τα modules που παρέχει αυτή την στιγμή του Jetpack:

1. Ασφάλεια

• Backups και security scanning: Προστασία από το χάσιμο δεδομένων, από malware και μολυσμένες επιθέσεις.
• Downtime monitoring: Ειδοποίηση κάθε φορά που το blog πέφτει.
• Auto-update plugins: Αυτόματη ενημέρωση όλων των plugins που έχεις εγκατεστημένα.
• Brute force attack protection: Η brute force προστασία θα αποτρέψει κακόβουλα bots και hackers απ’ το να προσπαθήσουν να συνδεθούν στην ιστοσελίδα σου δοκιμάζοντας κοινά usernames και κωδικούς πρόσβασης.
• WordPress.com login: Προσθέτει μια έξτρα ασφάλεια στην ιστοσελίδα ενεργοποιώντας την σελίδα σύνδεσης του WordPress.com με ασφαλή αυθεντικοποίηση.

2. Ταχύτητα και Απόδοση

• Performance & speed: Γρηγορότερο φόρτωμα σελίδων χάρη στην βελτιστοποίηση των εικόνων και των στατικών αρχείων (CSS και JavaScript) από το Παγκόσμιο Δίκτυο με τους servers της εταιρείας. Αλλιώς γνωστό και ως Photon CDN.
• Lazy Load: Προσθέτει το χαρακτηριστικό lazy load στις φωτογραφίες ώστε να φορτώνουν μόνο όταν ο χρήστης σκρολάρει προς αυτές.

3. Γραφή

• Media: Σου δίνει την δυνατότητα να δημιουργείς carousel και slideshows φωτογραφιών στα άρθρα και τις σελίδες σου. Είναι επίσης mobile-friendly και ενθαρρύνει τους αναγνώστες σου για να αλληλεπιδράσουν στις φωτογραφίες σου.
• Composing: Σου επιτρέπει να ενεργοποιήσεις μια γκάμα επιλογών, όπως η δυνατότητα να δημιουργείς διπλότυπα άρθρα και σελίδες, να γράφεις άρθρα ή σελίδα σε Markdown σύνταξη κ.α.
• Custom content types: Σου επιτρέπει να δημιουργείς testimonials και portfolio σελίδες.
• Theme enhancements: Εμφάνιση παρόμοιων άρθρων στο τέλος κάθε άρθρου.
• Widgets: Σου δίνει νέα widgets για εγγραφή στο newsletter και για το Twitter, ενώ σου δίνεται η δυνατότητα να επιλέξεις σε ποια άρθρα και σελίδες θα εμφανίζονται.
• Post by email: Δημοσίευση άρθρων στο WordPress απευθείας μέσα από το email σου.
• WordPress.com toolbar: Αντικαθιστά τη μαύρη μπάρα που βλέπεις τώρα πάνω όταν είσαι συνδεδεμένος στο WordPress με αυτή του WordPress.com. Η συγκεκριμένη μπάρα που αντικαθιστά θα εμφανίζεται και στους αναγνώστες.

4. Sharing

• Publicize connections: Σου επιτρέπει να δημοσιεύεις αυτόματα όλα τα νέα σου άρθρα στα αγαπημένα σου κοινωνικά δίκτυα.
• Sharing buttons: Προσθήκη sharing κουμπιών στα άρθρα ώστε οι αναγνώστες να δημοσιεύουν το περιεχόμενο σου σε διάφορα κοινωνικά δίκτυα.
• Like buttons: Προσθέτει το like κουμπί του WordPress.com.

5. Discussion

• Comments: Αντικαθιστά την φόρμα σχολίων με αυτή του WordPress.com, επιτρέποντας στους αναγνώστες σου να σχολιάζουν χρησιμοποιώντας τον WordPress.com, τον Facebook, τον Twitter ή τον Google λογαριασμό τους. Σου επιτρέπει να ενεργοποιήσεις επίσης τα business cards στις φωτογραφίες των σχολίων, καθώς επίσης και τα likes στα σχόλια.
• Συνδρομές: Επιτρέπει στους σχολιαστές να εγγραφούν στο newsletter του blog ή να ενημερώνονται κάθε φορά που υπάρχει απάντηση στα σχόλια τους.

6. Traffic

• Related posts: Εμφάνιση παρόμοιων άρθρων στο τέλος όλων των άρθρων σου.
• Site stats: Επέτρεψε μόνο συγκεκριμένους χρήστες να βλέπουν τα στατιστικά του blog σου μέσω του Jetpack, ή μόνο οι διαχειριστές.
• WP.me Shortlinks: Δημιουργία μικρότερων συνδέσμων για πιο εύκολο δημοσίευμα στα κοινωνικά δίκτυα.
• Sitemaps: Αυτόματη δημιουργία sitemaps (δεν συνιστάται αν έχεις ενεργοποιημένο κάποιο άλλο παρόμοιο plugin ή κάποιο SEO plugin που έχει την ίδια δυνατότητα).
• Site verification: Επιβεβαίωσε την ιστοσελίδα σου στην Google, στην Bing, στο Pinterest και στην Yandex (πολλά SEO plugins παρέχουν επίσης την ίδια δυνατότητα).

Φυσικά, υπάρχουν και άλλες δυνατότητες και modules που παρέχει το Jetpack, αλλά θα χρειαστεί να γίνεις συνδρομητής στην υπηρεσία για να μπορέσεις να τα χρησιμοποιείς. Τα παραπάνω modules που ανέφερα είναι όλα διαθέσιμα στην δωρεάν έκδοση του plugin.

Jetpack: Θετικά και Αρνητικά

Τώρα που γνωρίζεις όλες τις δυνατότητες και τα modules που παρέχει το Jetpack, ήρθε η στιγμή να δούμε για το αν αξίζει να χρησιμοποιείς το plugin ή όχι.

Προτού προχωρήσω, μια σύντομη σημείωση: Όπως οι περισσότεροι ήδη γνωρίζεται, το Inkstory δεν ανεβάζει ποτέ παραπλανητικά reviews. Αυτό σημαίνει πως κάθε review που γράφω είναι απόλυτα ειλικρινέστατο, είτε αυτό είναι αρνητικό, είτε θετικό.

Είναι τεράστιο, αλλά όχι μοναδικό

Τα περισσότερα από τα χαρακτηριστικά και τα modules που παρέχει το Jetpack τα περιλαμβάνουν ήδη τα περισσότερα επαγγελματικά themes και άλλα plugins που μπορεί να χρησιμοποιείς ήδη. Για παράδειγμα, δεν χρειάζεσαι τα sitemaps και την σύνδεση στην Google και την Bing όταν έχεις plugins όπως το Yoast SEO, καθώς σου τα παρέχει ήδη. Τα παρόμοια άρθρα που προσθέτεις στο τέλος των άρθρων σου είναι επίσης ανούσια καθώς τα περισσότερα themes έχουν ήδη αυτή την επιλογή ενσωματωμένη, εκτός αν χρησιμοποιείς δωρεάν theme και όχι premium.

Με περισσότερα από 30 modules για να ενεργοποιήσεις, σκέψου παράλληλα και την ταχύτητα του blog σου. Η ταχύτητα παίζει πλέον (επίσημα) μεγάλο ρόλο στο SEO ranking του blog σου, που σημαίνει πως όσο πιο αργό είναι, τόσο πιο χαμηλά θα εμφανίζονται τα άρθρα σου στα αποτελέσματα αναζήτησης και τόσο πιο μικρό θα είναι το engagement των αναγνωστών σου.

Αρκετοί bloggers έχουν αναφέρει επίσης πως το Jetpack είναι ένα bloated plugin, που σημαίνει πως περιλαμβάνει πολλές άχρηστες λειτουργίες, γεμάτο από κώδικα που στην πραγματικότητα κανείς δεν χρειάζεται.

Ωστόσο, οι άνθρωποι που το χρησιμοποιούν αναφέρουν πως το Jetpack έχει σχεδιαστεί έτσι ώστε να ενεργοποιείς και να απενεργοποιείς τα modules που δεν χρειάζεσαι, με αποτέλεσμα τα απενεργοποιημένα modules να μην επηρεάζουν την ταχύτητα του blog σου.

Αν όμως χρησιμοποιείς μόλις 2-3 συγκεκριμένα modules και όλα τα υπόλοιπα τα έχεις απενεργοποιημένα, τότε δεν υπάρχει καν λόγος για να χρησιμοποιείς το Jetpack, καθώς μπορείς όλα τα χαρακτηριστικά του να τα προσθέσεις και με άλλους τρόπους.

Το Jetpack Photon δεν είναι το CDN που θέλεις να χρησιμοποιείς

Αν θέλεις να χρησιμοποιήσεις μια δωρεάν CDN υπηρεσία για να αυξήσεις σημαντικά την ταχύτητα του blog σου, τότε σου προτείνω να πας στην CloudFlare. Αν θέλεις μια οικονομική premium CDN υπηρεσία, τότε σου προτείνω το BunnyCDN (αυτό χρησιμοποιώ και εγώ στο Inkstory). Παρόλα αυτά, δεν σου προτείνω για κανένα λόγο το Jetpack Photon, το οποίο έχει αποδειχθεί εκατοντάδες φορές πως κάνει περισσότερο κακό παρά καλό.

Αρχικά, αρκετοί χρήστες έχουν αναφέρει πως το Photon module, ενώ τους αυξάνει την ταχύτητα στην φόρτωση των εικόνων επειδή της παρέχει μέσω CDN, επηρεάζει αρνητικά τα SEO rankings στις μηχανές αναζήτησης. Δεν αντιμετωπίζουν όλοι αυτό το πρόβλημα, αλλά ένας αρκετά μεγάλος αριθμός ώστε να ξανά σκεφτείς την χρήση της CDN υπηρεσίας, ακόμα και αν είναι εντελώς δωρεάν. Κάποιοι χρήστες μάλιστα ανέφεραν πως η επισκεψιμότητα από τις μηχανές αναζήτησης στα blogs τους έπεσε έως και 50%.

Άλλοι χρήστες πάλι, όπως ο web designer Robin Cornett, εστιάζει στο γεγονός πως όσες φωτογραφίες ανεβάζεις όσο χρησιμοποιείς το Photon αποθηκεύονται αυτόματα και για πάντα στο WordPress.com, ακόμα και αν απενεργοποιείς το module. Αυτό δεν αποτελεί πρόβλημα στο SEO προφανώς, αλλά στην ιδιωτικότητα των χρηστών.

Κάποια από τα modules επηρεάζουν αρνητικά την ταχύτητα του blog σου

Όσα πιο λίγα plugins χρησιμοποιείς στο WordPress, τόσο πιο γρήγορο θα είναι το blog σου. Αυτό είναι νόμος. Όταν όμως χρησιμοποιείς plugins όπως το Jetpack, το οποίο περιλαμβάνει τόσες πολλές επιλογές μέσα, είναι υπόθεση μερικών δευτερολέπτων για να αυξήσεις το φόρτωμα των σελίδων σου έως και 8 με 10 δευτερόλεπτα παραπάνω.

Για παράδειγμα, ο CSS Editor που παρέχει το Jetpack λειτουργεί ως εξής: Αποθηκεύει τον CSS κώδικα στην βάση δεδομένων του server σου ως custom post type. Στη συνέχεια, πρέπει να ζητήσει από τη βάση δεδομένων να ανακτήσει τον CSS κώδικα κάθε φορά που φορτώνεται μια σελίδα. Αυτό σημαίνει πως ο χρόνος φόρτωσης των σελίδων σου αυξάνεται σημαντικά – και όχι προς το θετικό.

Μπορείς να βρεις και καλύτερα στατιστικά από αυτά του Jetpack

Αρκετοί πελάτες μου έχουν αναφέρει πολλές φορές πως ο κύριος λόγος που χρησιμοποιούν το Jetpack είναι χάρη στα στατιστικά που παρέχει. Αναφέρουν επίσης πως τα στατιστικά του είναι εύκολα για να τα καταλάβει ακόμα και ένας αρχάριος, οπότε μένουν με αυτά, προτιμώντας περισσότερο τα στατιστικά από την ταχύτητα και το SEO.

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

Θεωρώ πως υπάρχουν δύο τρόποι για να παρακολουθείς τα στατιστικά του blog σου και να είσαι πάντα σίγουρος πως λειτουργούν σωστά και είναι αξιόπιστα. Ο πρώτος τρόπος είναι με τη χρήση των Google Analytics, καθώς αναφερόμαστε για την γνωστότερη υπηρεσία στατιστικών στον κόσμο. Αν όμως δεν είσαι λάτρης της Google και εστιάζεις στην ιδιωτικότητα σου, τότε μπορείς να χρησιμοποιείς τα Slimstat Analytics, τα οποία είναι η αμέσως επόμενη καλύτερη εναλλακτική.

Σύνοψη: Αξίζει να χρησιμοποιείς το Jetpack;

Η σύντομη απάντηση μου: Όχι.

Θεωρώ πως το Jetpack προσθέτει υπερβολικά πολύ κώδικα και HTTP requests σε κάθε blog, με αποτέλεσμα να υπάρχει πρόβλημα στην ταχύτητα κάθε ιστοσελίδας που το έχει εγκατεστημένο και ενεργοποιημένο, ακόμα και αν χρησιμοποιεί μόλις μερικά modules. Το Photon CDN δεν κάνει τρομερή διαφορά και όπως προανέφερα υπάρχουν εναλλακτικές CDN υπηρεσίες που κάνουν αναμφισβήτητα καλύτερη δουλειά.

Αν χρησιμοποιείς το Jetpack επειδή το theme που έχεις δεν περιλαμβάνει τα περισσότερα χαρακτηριστικά ενσωματωμένα, τότε θα σου πρότεινα να επενδύσεις λίγα χρήματα και να αγοράσεις ένα καλύτερο theme από το ThemeForest ή το Creative Market. Αν θέλεις να δημοσιεύεις αυτόματα τα άρθρα σου στα κοινωνικά δίκτυα, τότε είτε μπορείς να χρησιμοποιήσεις το Buffer, το οποίο είναι ένα εξωτερικό εργαλείο που δεν θα βαρύνει το blog σου, είτε το Blog2Social: Social Media Auto Post & Scheduler plugin στο WordPress.

Εσύ χρησιμοποιείς το Jetpack στο blog σου; Ήξερες ότι μπορεί να σου ρίξει την ταχύτητα και το SEO ranking; Θα χαρώ να ακούσω τις απόψεις σου στα σχόλια παρακάτω.

Ένα από τα δημοφιλέστερα άρθρα του Inkstory ήταν πάντα το “Τι να κάνεις αν δεν ανοίγει ξαφνικά το laptop σου.” Αυτό το άρθρο έχει αυτή την στιγμή που γράφεται το παρόν άρθρο πάνω από 350 σχόλια. Μιας και εμφανίζεται πρώτο στα αποτελέσματα αναζήτησης, ήταν σημαντικό για εμένα να το κρατήσω όσο πιο γρήγορο γίνεται, αλλά όλα αυτά τα σχόλια σκότωναν την ταχύτητα του. Με κάθε σχόλιο που γινόταν, το άρθρο καθυστερούσε όλο και περισσότερο για να φορτώσει, αλλά η Google είχε ρίξει την ταχύτητα του στο 1/100.

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

Ξεκίνησα λοιπόν να ψάχνω λοιπόν κάθε λύση για την αύξηση της ταχύτητας στα σχόλια στο WordPress, είτε αυτή η λύση περιλάμβανε την κλασική φόρμα σχολίων, είτε το Disqus, είτε ακόμα και τα Facebook σχόλια.

Πως να αυξήσεις την ταχύτητα στα σχόλια στο WordPress με την κλασική φόρμα σχολίων

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

Οι πόροι που χρειάζονται τα σχόλια για να λειτουργούν:

• Ζητείται μια βάση δεδομένων για να τραβήξει τα υπάρχοντα σχόλια.
• Δημιουργούνται νέες καταχωρήσεις στη βάση δεδομένων με κάθε νέο σχόλιο.
• Τα σχόλια και τα δεδομένα κάθε σχολίου λαμβάνονται και υποβάλλονται σε επεξεργασία από το πρόγραμμα περιήγησης κάθε επισκέπτη.
• Εξωτερικές πηγές, όπως τα Gravatars (οι φωτογραφίες στα σχόλια) ζητούνται, κατεβαίνουν και φορτώνουν σε κάθε επισκέπτη.
• Σε πολλές περιπτώσεις, μεγάλοι πόροι από JavaScript και jQuery πρέπει να κατέβουν και να επεξεργαστούν για να λειτουργήσει η φόρμα σχολίων.

Όπως μπορείς να καταλάβεις, μια φόρμα σχολίων ακούγεται ως κάτι πολύ απλό, αλλά στην πραγματικότητα πολλά συμβαίνουν πίσω από τα “παρασκήνια” τα οποία δεν βλέπουμε.

Για να αυξήσω την ταχύτητα στα σχόλια στο WordPress, εγκατέστησα το Lazy Load for Comments plugin από τον Joel James. Αυτό το plugin είναι αρκετά ελαφρύ και έρχεται με τρεις διαφορετικές επιλογές:

• On Scroll: Τα σχόλια δεν φορτώνουν έως ότου ο αναγνώστης κατέβει τέρμα κάτω για να τα διαβάσει (το γνωστό lazy loading φόρτωμα).
• On Click: Τα σχόλια δεν φορτώνουν εκτός και αν ο αναγνώστης κάνε κλικ στο κουμπί “Φόρτωμα σχολίων” ή “Εμφάνιση σχολίων”.
• No Lazy Load: Το plugin δεν κάνει τίποτα απολύτως.

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

Μόλις εγκαταστήσεις το plugin, για να βρεις τις τρεις επιλογές του, πάνε Ρυθμίσεις > Συζήτηση και στην ενότητα Lazy Load Comments θα βρεις τις επιλογές.

Πως να αυξήσεις την ταχύτητα στα σχόλια στο WordPress όταν χρησιμοποιείς το Disqus

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

Για την ακρίβεια, αναφέρομαι στο Disqus Conditional Load, ένα δωρεάν plugin που μπορείς να χρησιμοποιήσεις για να εμφανίζεις την κανονική φόρμα σχολίων του Disqus, αλλά με τα σχόλια να φορτώνουν με lazy load.

Για να το εγκαταστήσεις, από το αριστερό πλαϊνό μενού του WordPress πάνε στα Πρόσθετα > Νέο Πρόσθετο και αναζήτησε το Disqus Conditional Load και εγκατέστησε το και ενεργοποίησε το. Μόλις το κάνεις, από το πλαϊνό μενού πάλι, πάνε στα Σχόλια > Disqus και κάνε κλικ στην επιλογή “Upgrade” για να ρυθμίσεις το Disqus. Τα προηγούμενα σχόλια που είχες δεν θα χαθούν, αντίθετα θα συγχρονιστούν και θα εμφανιστούν με τον ίδιο τρόπο που εμφανίζοντουσαν και με το επίσημο plugin.

Εκτός από το γεγονός πως το συγκεκριμένο plugin προσθέτει lazy load σε όλες τις φωτογραφίες (avatars) στα σχόλια, σου επιτρέπει επίσης να απενεργοποιήσεις το count script στην περίπτωση που δεν το χρησιμοποιήσεις. Ως εκ τούτου, λιγότερα JavaScript calls σημαίνουν μεγαλύτερη ταχύτητα στο WordPress blog σου.

Lazy Load για τα Facebook σχόλια

Τόσο το lazy load plugin για την κλασική φόρμα του WordPress, όσο και το Disqus Conditional Load που ανέφερα παραπάνω, το έφτιαξε ο ίδιος άνθρωπος. Ο ίδιος προγραμματιστής λοιπόν έφτιαξε και το Lazy Social Comments plugin.

Το Lazy Social Comments, προηγουμένως γνωστό ως Lazy Facebook Comments, είναι ένα δωρεάν plugin το οποίο θα φορτώνει τα Facebook σχόλια σου μόνο όταν ο αναγνώστης κατεβαίνει προς τα κάτω για να τα δει, ή με το πάτημα ενός κουμπιού, ακριβώς όπως λειτουργεί και το πρώτο plugin που ανέφερα. Αυτό το plugin λειτουργεί φυσικά μόνο αν έχεις προσθέσει στο blog σου τα Facebook σχόλια. Το plugin σου επιτρέπει επίσης να ρυθμίσεις των αριθμό των σχολίων, το χρώμα, την γλώσσα, το μάκρος (width), την σειρά ταξινόμησης και πολλά ακόμα.

Προτού εγκαταστήσεις κάποιο από τα παραπάνω plugins, για να καταλάβεις και να κατανοήσεις την διαφορά στην ταχύτητα του blog σου, μέτρησε ένα άρθρο με πολλά άρθρα με το GTMetrix, κράτα τα αποτελέσματα και στη συνέχεια εγκατέστησε ένα από τα παραπάνω plugins, ανάλογα με την φόρμα σχολίων που έχεις, και ξανά κάνε έλεγχο για να ελέγξεις την διαφορά στην ταχύτητα.

Εσύ γνώριζες ότι τα σχόλια σε κάθε blog, άσχετα με την πλατφόρμα στην οποία βρίσκεται, επηρεάζουν σημαντικά την ταχύτητα των άρθρων;

Featured Image Credits: PXFuel.com

Είτε έχεις ένα μικρό blog, είτε ένα δημοφιλής blog, είτε μια ιστοσελίδα για την επιχείριση σου, είτε αντιμετωπίζεις προβλήματα με την web hosting εταιρεία που βρίσκεσαι τώρα, το μεγαλύτερο λάθος που μπορείς να κάνεις είναι να αγοράσεις ένα πακέτο φιλοξενίας (web hosting plan) χωρίς να έχεις κάνει πρώτα την απαραίτητη μελέτη. Κάθε εταιρεία παρέχει διαφορετικά πακέτα, διαφορετική τεχνική υποστήριξη και έχει τα θετικά και τα αρνητικά της.

Τύποι web hosting πακέτων που υπάρχουν

Το πρώτο πράγμα που πρέπει να μάθεις για τα web hosting πακέτα είναι τους διαφορετικούς τύπους που υπάρχουν. Άλλο είναι το Shared Hosting, άλλο το Managed WordPress, άλλο οι VPS servers και άλλο τα Dedicated πακέτα. Κάθε πακέτο εξυπηρετεί ένα συγκεκριμένο σκοπό, οπότε για να καταφέρεις να επιλέξεις το σωστό πακέτο φιλοξενίας, θα χρειαστεί πρώτα να γνωρίζεις τους διαθέσιμους τύπους πακέτων που υπάρχουν και για ποιες ιστοσελίδες είναι το καθένα.

Shared Hosting πακέτα

Τα shared hosting πακέτα είναι ιδανικά για μικρές ιστοσελίδες και blogs που δεν έχουν αρκετό κόσμο και δεν απαιτούν αρκετούς πόρους από έναν server για να τρέχουν. Σε ένα shared hosting πακέτο, υπάρχουν αρκετές ιστοσελίδες που τρέχουν στον ίδιο server. Αυτό σημαίνει πως αν ετοιμάζεσαι να δημιουργήσεις μια καινούργια ιστοσελίδα, ή έχεις μια η οποία δεν έχει αρκετό κόσμο, τότε μπορείς να προχωρήσεις άφοβα σε ένα shared hosting πακέτο και μελλοντικά να αναβαθμίσεις το πακέτο σου, εφόσον το shared hosting δεν σου καλύπτει άλλο τις ανάγκες.

Μιας και τα shared hosting πακέτα φιλοξενούν παράλληλα αρκετές ιστοσελίδες, αυτό σημαίνει πως η ιστοσελίδα σου μοιράζεται όλους τους πόρους ενός server, με εκατοντάδες άλλες ιστοσελίδες – ταυτόχρονα. Μιας και συμβαίνει αυτό, τα περισσότερα shared hosting πακέτα δεν παρέχουν την ταχύτητα, την απόδοση και την ασφάλεια που παρέχει ένας VPS ή Dedicated server.

Αν αποφασίσεις να ξεκινήσεις με ένα shared hosting πακέτο, τότε να κοιτάξεις πως: είναι φθηνό, παρέχει αρκετή χωρητικότητα, είναι γρήγορο, γίνονται αυτόματα καθημερινά backups από την εταιρεία και σου παρέχουν επίσης τεχνική υποστήριξη για οποιοδήποτε πρόβλημα αντιμετωπίσεις. Τέλος, αρκετές εταιρείες παρέχουν εξαιρετικά πακέτα για τα shared hosting, καθώς αν αγοράσεις για ένα ολόκληρο έτος, συχνά σου δίνουν εντελώς δωρεάν και ένα domain name.

VPS Hosting

Οι VPS servers (Virtual Private Server) είναι η ιδανική λύση μεταξύ των shared hosting και των Dedicated server πακέτων. Όταν φιλοξενείς μια ιστοσελίδα σου σε ένα VPS server, αυτό σημαίνει πως η ιστοσελίδα τρέχει πάνω σε virtual machines (ή καλύτερα, σε εικονικούς servers), το οποίο σημαίνει πως λειτουργεί σαν ένας ανεξάρτητος dedicated server (και ας μην είναι). Με πιο απλά λόγια, ένας VPS server χωρίζεται σε διάφορους άλλους εικονικούς servers και τον μοιράζονται πολλαπλές ιστοσελίδες ταυτόχρονα.

Το καλό με τους VPS servers είναι πως μπορείς να αναβαθμίσεις συγκεκριμένα κομμάτια τους καθώς η ιστοσελίδα σου μεγαλώνει και η κίνηση αυξάνεται. Αν για παράδειγμα έχεις ένα VPS server με 2GB μνήμης RAM, 100GB μηνιαίο bandwidth (κίνηση) και 20GB χωρητικότητας και θελήσεις να το αναβαθμίσεις, μπορείς κάθε κομμάτι να το αυξήσεις και να δεις πόσο παραπάνω θα αυξηθεί και το μηνιαίο κόστος.

Οι VPS servers θα πρέπει να περιλαμβάνουν οπωσδήποτε SSDs δίσκους για μεγαλύτερες ταχύτητες και επιδόσεις, καθώς επίσης και διάφορες υπηρεσίες και εργαλεία για να τους ενημερώνεις, να προσθέτεις νέα πράγματα και πάει λέγοντας. Ανάλογα με την εταιρεία και τις ανάγκες σου, ένας VPS server συχνά έρχεται με κάποιο περιβάλλον χρήσης, όπως το cPanel ή το Plesk.

Dedicated Hosting

Τέλος, έχουμε το dedicated hosting, το οποίο είναι για ιστοσελίδες με εκατοντάδες χιλιάδες επισκέψεις ημερησίως ή μηνιαίως. Οι dedicated servers παρέχουν μεγαλύτερη ασφάλεια, τεράστια ταχύτητα και απόδοση και εργαλεία ή χαρακτηριστικά που δεν έχουν άλλα web hosting πακέτα.

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

Μιας και αναφερόμαστε για μεγάλες ιστοσελίδες εδώ, θα πρέπει να θυμάσαι πως οι dedicated servers δεν είναι καθόλου φθηνοί. Μιας και περιλαμβάνουν hardware τελευταίας γενιάς, managed υπηρεσίες και απίστευτη τεχνική υποστήριξη από τις εταιρείες, είναι φυσικά και αρκετά πιο ακριβοί από τα κλασικά shared και VPS hosting πακέτα.

Καθόρισε το είδος της ιστοσελίδας που ετοιμάζεσαι να φτιάξεις ή να μεταφέρεις

Είναι αρκετά σημαντικό να καθορίσεις το είδος της ιστοσελίδας που έχεις. Κάποιες web hosting εταιρείες προωθούν και εστιάζουν περισσότερο στα eCommerce (ηλεκτρονικά καταστήματα / e-shops) ενώ άλλες περισσότερο στο blogging και στο SEO. Συχνά, παρέχουν έτοιμα web hosting πακέτα τα οποία είναι πλήρως βελτιστοποιημένα για eCommerce, CMS πλατφόρμες όπως το WordPress και πάει λέγοντας.

Για bloggers: WordPress Managed Hosting

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

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

Ίσως η μοναδική web hosting εταιρεία που έχω δει να παρέχει τα καλύτερα Managed WordPress Hosting πακέτα να είναι η TsoHost, η οποία σου δίνει απεριόριστο χώρο στο δίσκο, απεριόριστο bandwidth (κίνηση), προ-εγκατεστημένα προγράμματα που θα χρειαστείς και εξαιρετική ταχύτητα. Το Inkstory, για παράδειγμα, τρέχει στους servers της, και δεν πρόκειται να αλλάξει αυτό – όχι τουλάχιστον στο κοντινό μέλλον.

Για ηλεκτρονικά καταστήματα: eCommerce Hosting

Όπως ακριβώς συμβαίνει και με τα WordPress Managed πακέτα, έτσι και το eCommerce hosting εστιάζει στους χρήστες που θέλουν να φιλοξενήσουν τα ηλεκτρονικά τους καταστήματα σε βελτιστοποιημένα πακέτα.

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

Για online portfolios και βιογραφικά: Site Builders και WordPress

Αν σκοπεύεις να δημιουργήσεις μια ιστοσελίδα από την οποία να προωθείς τις δουλειές σου ή θέλεις να δημιουργήσεις ένα πλήρες βιογραφικό (resume site), τότε τα πράγματα αλλάζουν αρκετά. Αν και η καλύτερη επιλογή εδώ είναι να πας σε ένα οικονομικό shared hosting πακέτο και να δημιουργήσεις την ιστοσελίδα σου με το WordPress, υπάρχουν επίσης και οι site builders, οι οποίοι μπορεί να σε βολέψουν αρκετά γι ‘αυτό που χρειάζεσαι.

Υπάρχουν site builders οι οποίοι σου παρέχουν τόσο το domain name και τη φιλοξενία της ιστοσελίδας σου, όσο και έναν builder για να σχεδιάσεις την ιστοσελίδα σου όπως την θέλεις, σέρνοντας διάφορα widgets, φωτογραφίες και κείμενα μέσα. Μια ιδανική επιλογή για αρχάριους χρήστες που δεν ζητάν πολλά.

Οι καλύτεροι site builders, κατά την προσωπική μου άποψη, είναι το Wix, το Weebly, το BoldGrid (για WordPress sites) και το Squarespace.

Προσωπικές ιστοσελίδες και blogs: Φθηνά πακέτα, αξιόπιστη εταιρεία

Αν θέλεις να ανοίξεις μια προσωπική ιστοσελίδα ή ένα blog για να γράφεις άρθρα, τότε η καλύτερη συμβουλή που μπορώ να σου δώσω είναι αυτή: επέλεξε ένα οικονομικό web hosting πακέτο από μια αξιόπιστη web hosting εταιρεία. Εδώ, κοιτάς σίγουρα για ένα shared hosting πακέτο, το οποίο συχνά αν το πληρώσεις για ένα ολόκληρο έτος, θα σου δώσει η εταιρεία και δωρεάν ένα domain name, καθώς επίσης και μια έκπτωση επειδή πληρώνεις για ένα ολόκληρο έτος.

Η TsoHost, για παράδειγμα, αν πληρώσεις για ένα έτος, σου παρέχει ένα δωρεάν domain (δεν υπάρχει η κατάληξη .gr δυστυχώς) ή σου μεταφέρουν εντελώς δωρεάν την ιστοσελίδα σου από κάποια άλλη web hosting εταιρεία. Παράλληλα, αν πληρώσεις για ένα έτος, σου δίνουν επίσης και έκπτωση. Το Papaki σου δίνει δωρεάν SSL πιστοποιητικό και δωρεάν domain name αν πάρεις το Starter πακέτο τους, ή κάποιο μεγαλύτερο (από τα Managed WordPress Hosting πακέτα τους), συν μια έκπτωση.

Κατανοώντας τα χαρακτηριστικά των web hosting πακέτων

Όλοι οι αρχάριοι χρήστες που δεν γνωρίζουν πολλά από τα web hosting πακέτα, συχνά εστιάζουν σε εταιρείες που παρέχουν τα πιο οικονομικά πακέτα με τα περισσότερα χαρακτηριστικά. Παρόλα αυτά, αυτή είναι μια λάθος στρατηγική, καθώς θα πρέπει πρώτα να εστιάσεις στις ανάγκες σου, και μετά στην τιμή. Για παράδειγμα, οι περισσότεροι web developers που γνωρίζω, συχνά εστιάζουν στα πακέτα που παρέχουν μεγάλο bandwith και ασφάλεια.

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

Αγορές domain name ονομάτων

Πρώτα απ’ όλα, έχεις την δυνατότητα να επιλέξεις δύο διαφορετικές web hosting εταιρείες αν θέλεις. Προσωπικά, αγοράζω όλα τα domain names μου από το Papaki, αλλά χρησιμοποιώ για hosting την TsoHost. Αυτό το κάνω γιατί το Papaki έχει εκατοντάδες διαφορετικές καταλήξεις για domain names και είναι εξαιρετικά οικονομικό με τις τιμές του. Από την άλλη πλευρά, όμως, προτιμώ τα hosting πακέτα της TsoHost γιατί είναι πιο οικονομικά από αυτά που παρέχει το Papaki και η τεχνική τους υποστήριξη είναι σε άλλο επίπεδο, παρέχοντας online chat 24/7.

Οι καλύτερες web hosting εταιρείες σου παρέχουν επίσης δωρεάν μεταφορά domain names, εκπτώσεις για τις ανανεώσεις του domain σου, SSL πιστοποιητικά και διάφορους μεθόδους πληρωμής.

Email λογαριασμοί

Κάθε web hosting εταιρεία θα πρέπει να σου παρέχει με κάθε hosting πακέτο τουλάχιστον έναν email λογαριασμό. Στην TsoHost για παράδειγμα, με το μικρότερο πακέτο τους μπορείς να δημιουργήσεις έως και 100 email λογαριασμούς, κάτι το οποίο θεωρώ ιδιαίτερα σημαντικό.

Αυτά τα emails είναι επαγγελματικά και λειτουργούν με τον ίδιο τρόπο που λειτουργεί και το Gmail, το Outlook και το Yahoo! Mail. Η διαφορά, ωστόσο, είναι πως μπορείς να δημιουργείς emails με το domain name σου, όπως έχω εγώ για παράδειγμα το info[at]inkstory[dot]gr ως κύριο email του blog, το panos@inkstory.gr που το χρησιμοποιώ με τους πελάτες μου, το reply@inkstory.gr για τα emails και τέλος, το social@inkstory.gr, το οποίο το χρησιμοποιώ για εγγραφές που κάνω σε διάφορες υπηρεσίες, κοινωνικά δίκτυα και πάει λέγοντας.

Χωρητικότητα και RAM

Ο χώρος στο δίσκο είναι αναμφισβήτητα ένα από τα πιο σημαντικά πράγματα που πρέπει να κοιτάς σε κάθε web hosting πακέτο. Όσο περισσότερο χώρο έχεις, τόσες πιο πολλές φωτογραφίες, βίντεο, μουσική, έγγραφα και άλλων ειδών αρχεία μπορείς να ανεβάσεις στην ιστοσελίδα σου, τόσα πιο πολλά plugins και themes μπορείς να εγκαταστήσεις στο WordPress και πάει λέγοντας.

Για μια μικρή ή καινούργια ιστοσελίδα, τα πακέτα που παρέχουν έως και 10GB χωρητικότητας είναι ιδανικά για ένα καλό ξεκίνημα. Παρόλα αυτά, υπάρχουν web hosting εταιρείες που παρέχουν μέχρι και απεριόριστο χώρο σε μερικά πακέτα τους. Όσο για τα VPS και Dedicated πακέτα, σε αυτά επιλέγεις εσύ τον χώρο και μπορείς να τον αυξήσεις την οποιαδήποτε στιγμή μελλοντικά. Τέλος, να προτιμάς μόνο τις web hosting εταιρείες που είτε παρέχουν SSD δίσκους, είτε λειτουργούν ως cloud hosting, το οποίο είναι ακόμα πιο γρήγορο και αξιόπιστο.

Όσο για τις RAM, λειτουργούν με τον ίδιο τρόπο που λειτουργούν οι μνήμες RAM και στον υπολογιστή/laptop, κινητό και tablet σου. Όσο περισσότερη μνήμη RAM έχει ένα web hosting πακέτο, τόσο πιο αποτελεσματικό θα είναι, καθώς αυτές οι μνήμες έρχονται σε απευθείας λειτουργία με τους σκληρούς δίσκους για να αυξήσουν την ταχύτητα της φόρτωσης στις σελίδες.

Bandwidth και Μεταφορές Δεδομένων

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

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

Uptime Rates και Αξιοπιστία

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

Οι περισσότερες web hosting εταιρείες συχνά παρέχουν ένα συγκεκριμένο ποσοστό για το uptime σε όλα τα πακέτα τους. Παρόλα αυτά, κατά 99% κάνουν λάθος. Το uptime είναι ουσιαστικά πόσες ημέρες και ώρες είναι συνεχόμενα διαθέσιμη η ιστοσελίδα σου χωρίς να έχει πέσει ο server. Αυτή την στιγμή, τα cloud hosting πακέτα είναι τα πιο αξιόπιστα καθώς η ιστοσελίδα τρέχει από το cloud και μοιράζεται σε εκατοντάδες servers.

Ασφάλεια και Υποστήριξη

Αν και η ασφάλεια μιας ιστοσελίδας εξαρτιέται κυρίως από τον διαχειριστή της και πόσο δυνατούς κωδικούς πρόσβασης έχει βάλει και τα μέτρα ασφάλειας που έχει πάρει, η hosting εταιρεία που φιλοξενεί την ιστοσελίδα σου θα πρέπει επίσης να έχει πάρει τα απαραίτητα μέτρα ασφάλειας. Πάνω από το 40% των ιστοσελίδων που δέχονται κάποια επίθεση ή χακαρίστηκαν, ήταν εξαιτίας των web hosting εταιρειών. Ως εκ τούτου, σιγουρέψου πως η hosting εταιρεία που σε φιλοξενεί περιλαμβάνει firewalls, υπηρεσίες παρακολούθησης και επιπλέον add-ons ασφάλειας. Θα πρέπει επίσης να κρατάει καθημερινά backups.

Η υποστήριξη είναι επίσης εξίσου σημαντική. Σκέψου για παράδειγμα πως στις τέσσερις η ώρα τα ξημερώματα, μια μέρα όπου αποφάσισες να ασχοληθείς λίγο παραπάνω με την ιστοσελίδα σου, βλέπεις ξαφνικά πως είναι πεσμένη. Το πρώτο πράγμα που θα πρέπει να κάνεις, εφόσον δεν έκανες εσύ κάποια αλλαγή και έπεσε, είναι να επικοινωνήσεις με την web hosting εταιρεία. Αν η εταιρεία δεν παρέχει 24/7 τεχνική υποστήριξη, ή δεν λειτουργεί τα σαββατοκύριακα, τότε βρίσκεσαι σε μεγάλο κίνδυνο. Η ιστοσελίδα σου μπορεί να είναι από μερικές ώρες έως και μερικές ημέρες πεσμένη.

4. Κατανοώντας τος κόστος των hosting πακέτων

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

Επίσης, μην ξεχνάς να κοιτάς για όλες τις προσφορές που έχει η κάθε web hosting εταιρεία, καθώς μαζί με ένα πακέτο μπορείς να αποκτήσεις και domain name, και SSL πιστοποιητικό. Συνήθως, οι προσφορές είναι διαθέσιμες μόνο στα πακέτα τα οποία αγοράζεις για τουλάχιστον ένα έτος.

Γιατί τα δωρεάν hosting πακέτα είναι κακή επιλογή

Υπάρχουν αρκετές web hosting εταιρείες που σου παρέχουν δωρεάν web hosting πακέτα με την αγορά ενός domain name. Παρόλα αυτά, αυτά τα πακέτα είναι τόσο περιορισμένα, που δεν αξίζει καν να τα κοιτάς, πόσο μάλλον να τα χρησιμοποιείς.

Εκτός από το γεγονός πως τα περισσότερα δωρεάν hosting πακέτα παρέχουν υπερβολικά πολύ μικρή χωρητικότητα, συχνά δεν παρέχεται τεχνική υποστήριξη γι ‘αυτά, δεν έχουν τα πιο βασικά χαρακτηριστικά επαγγελματικών πακέτων και τις περισσότερες φορές δεν έχουν και ασφάλεια.

Γιατί οι φθηνές υπηρεσίες είναι μια αξιόπιστη επιλογή

Μιας και μια εταιρεία μπορεί να έχει έως και χιλιάδες πελάτες μέσα σε μόλις έναν shared server, είναι αρκετά πιο εύκολο γι ‘αυτούς να αγοράσουν και να προσθέσουν μέσα στα πεκέτα τους επαγγελματικά χαρακτηριστικά. Ως εκ τούτου, τα περισσότερα shared hosting πακέτα περιλαμβάνουν αυτόματα ημερήσια backups, διάφορους website builders, eCommerce εργαλεία, μεταξύ άλλων.

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

Οι καλύτερες Web Hosting εταιρείες

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

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

1. TsoHost

Βάζω την TsoHost πρώτη στη λίστα καθώς είναι η web hosting εταιρεία που χρησιμοποιώ για να φιλοξενώ τόσο τις δικές μου ιστοσελίδες, όπως το Inkstory που διαβάζεις τώρα, αλλά και τις ιστοσελίδες των πελατών μου. Η εταιρεία παρέχει γρήγορους και αξιόπιστους servers, τρομερά οικονομικά πακέτα και την καλύτερη τεχνική υποστήριξη που έχω δει στην ζωή μου – παρέχεται online chat για απευθείας συνομιλία με κάποιον τεχνικό, 24/7.

2. SiteGround

Για εκατομμύρια ανθρώπους, η SiteGround θεωρείται ως η καλύτερη web hosting εταιρεία σε ολόκληρο τον κόσμο. Για την ακρίβεια, μέχρι και το ίδιο το WordPress την προτείνει στους χρήστες του. Μιας και θεωρείται ως μια από τις καλύτερες web hosting εταιρείες, η SiteGround δεν είναι οικονομική, οπότε οι τιμές στα πακέτα είναι λίγο τσιμπημένες. Παρόλα αυτά, η εταιρεία έχει φτιάξει μέχρι και το δικό της plugin για το WordPress, το οποίο αυξάνει την ταχύτητα και την βελτιστοποίηση των ιστοσελίδων σου με τους servers της εταιρείας.

3. Papaki

Το Papaki είναι η γνωστότερη εταιρεία στην Ελλάδα. Παρέχει αξιόπιστους και γρήγορους servers, αρκετά πακέτα για να επιλέξεις, μεταξύ και των WordPress Managed και WooCommerce Managed πακέτων. Αν και οι τιμές τους είναι λιγάκι ανεβασμένες, έμεινα ιδιαίτερα δυσαρεστημένος με την τεχνική τους υποστήριξη. Τις περισσότερες φορές αργούσαν να απαντήσουν στα tickets που άνοιγα, ενώ πολλές φορές μου έλεγαν παράλογα πράγματα για ορισμένα προβλήματα που σύμβαιναν – και λέω παράλογα, γιατί κάποτε είχα φτιάξει και εγώ μια web hosting υπηρεσία, οπότε γνωρίζω πολύ καλά πως λειτουργούν και τι γίνεται.

4. TopHost

Η TopHost είναι και αυτή μια από τις μεγαλύτερες και γνωστότερες web hosting εταιρείες στην Ελλάδα, με εξαιρετικά πακέτα για μικρές ιστοσελίδες που αναζητούν Shared Hosting ή για μεγαλύτερες που αναζητούν για Semi-dedicated hosting. Αν και πριν από μερικά χρόνια αντιμετώπιζα προβλήματα με μερικούς από τους Dedicated servers τους, ευελπιστώ πως αυτά έχουν λυθεί ποια.

4. NameCheap

Αν και η NameCheap είναι αρκετά γνωστή χάρη στις εκατοντάδες καταλήξεις για domain names που παρέχει στους πελάτες της, έχει επίσης ορισμένα οικονομικά και αξιόπιστα shared hosting πακέτα, τα οποία είναι ιδανικά για νέους bloggers. Οι servers τους είναι επίσης αρκετά γρήγοροι και παρέχουν και online τεχνική υποστήριξη σε πραγματικό χρόνο.

5. BlueHost

Οι BlueHost έχει αναμφισβήτητα τα χειρότερα πακέτα σε όλη την λίστα με τις web hosting εταιρείες. Αλλά απευθύνομαι αποκλειστικά στα shared hosting πακέτα της. Οι VPS servers της είναι αρκετά καλύτεροι, ενώ αν αποφασίσεις να πας σε κάποιο WordPress Managed πακέτο, η διαφορά σε αντίθεση με τα shared hosting είναι τρομερά εμφανής. Παρόλα αυτά, η BlueHost παραμένει μια από τις γνωστότερες εταιρείες του είδος παγκοσμίως και την διαφημίζουν χιλιάδες bloggers.

6. GoDaddy

Η GoDaddy μπορεί να είναι αρκετά γνωστή χάρη στις εκατοντάδες καταλήξεις ονομάτων (domain names) που παρέχει σε εξαιρετικά χαμηλό κόστος, αλλά παρέχει και shared hosting πακέτα τα οποία είναι αρκετά φθηνά για να ξεκινήσεις ένα καινούργιο blog ή μια ιστοσελίδα. Παρέχουν επίσης και ελληνικούς αριθμούς επικοινωνίας στην περίπτωση που χρειαστείς τεχνική υποστήριξη, έναν από Αθήνα και έναν από Θεσσαλονίκη. Παρόλα αυτά, η υποστήριξη παρέχεται μόνο στα αγγλικά.

7. Hostinger

Η Hostinger παρέχει μερικά από τα καλύτερα και πιο οικονομικά πακέτα που θα βρεις στην αγορά. Παρέχει αξιόπιστους και γρήγορους servers και μπορείς εύκολα να αναβαθμίζεις τα πακέτα σου καθώς μεγαλώνει η ιστοσελίδα σου. Δυστυχώς, η τεχνική τους υποστήριξη δεν είναι και από τις καλύτερες, με μεγάλες καθυστερήσεις στις απαντήσεις.

8. HostGator

Υπάρχουν πολλά που μπορεί να πει κανείς για την HostGator. Αρχικά, η εταιρεία άνοιξε για πρώτη φορά στις 22 Οκτωβρίου το 2002 και κατάφερε να γίνει μια από τις δημοφιλέστερες στο είδος της. Παρόλο που οι αξιολογήσεις της στο TrustPilot είναι μικτές, με αρκετούς να κατηγορούν την εταιρεία για την δυσάρεστη εμπειρία τους με την τεχνική της υποστήριξη, αρκετοί φιλοξενούν χρόνια τις ιστοσελίδες τους σε αυτήν και αφήνουν συνεχώς reviews πέντε αστέρων (5/5). Προσωπικά, και δεν είχα ποτέ πρόβλημα με τους servers της, οι οποίοι είναι αρκετά οικονομικοί, αλλά και η τεχνική υποστήριξη της δεν με δυσαρέστησε ποτέ.

9. WPEngine

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

Διάβασε επίσης: Affiliate Web Hosting – Βγάλε χρήματα προωθώντας web hosting πακέτα

Σύνοψη..

Τώρα που γνωρίζεις ποιες είναι οι γνωστότερες web hosting εταιρείες και γνωρίζεις πως να επιλέξεις το κατάλληλο πακέτο που θα καλύπτει τις ανάγκες σου, έχεις κάποια απορία ή προβληματισμό; Επίσης, γνωρίζεις κάποια άλλη εταιρεία που δεν πρόσθεσα στο άρθρο αλλά αξίζει; Θα χαρώ να ακούσω τις απόψεις και τις προτάσεις σου στα σχόλια παρακάτω.

Το framework του AMP επιτρέπει στους προγραμματιστές και τους bloggers να δημιουργήσουν ένα γρήγορο και εύχρηστο mobile περιβάλλον για τους χρήστες τους, του οποία η δομή βασίζεται στην HTML και την CSS. Για την ακρίβεια, βασίζεται σε συγκεκριμένα rules της HTML και της CSS. Αλλά για να μην σε μπερδεύω με ονομασίες και όρους που αφορούν γλώσσες πραγματισμού, θα προσπαθήσω όχι απλά να σου εξηγήσω τι είναι, αλλά και πως να το περάσεις στο blog σου με μεγάλη ευκολία.

Διάβασε επίσης: Google Accelerated Mobile Pages – Η τεχνολογία που κάθε blogger χρειάζεται (επειγόντως)

Αξίζει να σημειώσω πως το AMP σχεδιάστηκε αρχικά για τον ανταγωνισμό της Google ενάντια του Facebook, το οποίο τότε είχε κυκλοφορήσει για πρώτη φορά τα Instant Articles. Παρόλα αυτά, με τα χρόνια, το AMP κατάφερε να κερδίσει και να γίνει μια εξαιρετική λύση για όσους αντιμετωπίζουν προβλήματα με την ταχύτητα των ιστοσελίδων τους. Η Google ανακοίνωσε επίσης πως θα “σπρώξει” τις Accelerated Mobile Pages σελίδες και στα web standards της, έτσι ώστε περισσότεροι να εστιάσουν προς αυτήν.

Τι πρέπει να προσέξεις προτού περάσεις το AMP

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

Τα περισσότερα δωρεάν themes δεν παρέχουν υποστήριξη για AMP, εκτός αν τα έχει φτιάξει το ίδιο το WordPress, ενώ τα themes που αγοράζεις από ιστοσελίδες όπως το ThemeForest, τις περισσότερες φορές παρέχουν και υποστήριξη αλλά και δικά τους plugins.

Παρόλα αυτά, ακόμα και αν το theme σου δεν είναι συμβατό με το AMP, μπορείς πάλι να δοκιμάσεις να το περάσεις με τη χρήση των παρακάτω plugins. Κάποια themes ακόμα και όταν δεν έχουν σχεδιαστεί για AMP, λειτουργεί η τεχνολογία άψογα όταν την προσθέτεις με κάποιο plugin.

Πως να περάσεις το AMP στο WordPress

Ένας από τους κύριους λόγους για τους οποίους λατρεύω το WordPress είναι τα εκατοντάδες χιλιάδες διαθέσιμα plugins που υπάρχουν γι ‘αυτό. Όπως μπορείς να καταλάβεις, υπάρχουν και plugins για να περάσεις το AMP στο WordPress, καθώς επίσης και για να κάνεις βασικές αλλαγές στον σχεδιασμό των AMP σελίδων.

Ο επίσημος τρόπος

Η Google και η Automattic σε συνεργασία με άλλες εταιρείες και προγραμματιστές δημιούργησαν το “επίσημο” plugin για το WordPress. Μάλιστα, το plugin είναι ανοικτού-κώδικα και μπορείς να το βρεις διαθέσιμο και μέσω του Github. Τα περισσότερα themes συχνά λειτουργούν με το συγκεκριμένο plugin, ενώ κάποια που παρέχουν τα δικά τους, βασίζονται στον κώδικα αυτού του plugin.

Το συγκεκριμένο όμως plugin δεν περιλαμβάνει αρκετές επιλογές για να μορφοποιήσεις τον σχεδιασμό των AMP σελίδων σου. Αυτό συμβαίνει για δύο λόγους: Ο πρώτος είναι επειδή οι AMP σελίδες πρέπει να είναι απλές και γρήγορες, και είναι αρκετά δύσκολο να μορφοποιήσεις αρκετά πράγματα στο AMP, καθώς σε περιορίζει αρκετά, ενώ ο δεύτερος λόγος είναι επειδή οι περισσότεροι προγραμματιστές θεμάτων παίρνουν αυτό το απλό plugin και βάζουν τον ίδιο σχεδιασμό που έχει ένα theme στις mobile συσκευές, να έχει σχεδόν το ίδιο και στις AMP σελίδες.

1. Αναζήτησε το plugin από την σελίδα των Πρόσθετων στο WordPress, ή κατέβασε το και ανέβασε το χειροκίνητα.

2. Από το αριστερό πλαϊνό μενού, κάνε κλικ στην επιλογή AMP και στη συνέχεια ρύθμισε το έτσι όπως θέλεις να εμφανίζεται. Η δεύτερη επιλογή συνήθως είναι και η καλύτερη καθώς παίρνει τον βασικό σχεδιασμό του theme, εφόσον όμως αυτό είναι συμβατό με το AMP. Σου προτείνω να τους δοκιμάσεις όλους για να δεις ποιος “εφαρμόζει” καλύτερα.

Για να ελέγξεις πως φαίνονται οι AMP σελίδες του blog σου, πάνε σε ένα οποιοδήποτε άρθρο και βάλε στο τέλος του συνδέσμου το /?amp και πάτα Enter. Για παράδειγμα, ένα άρθρο μου έχει ως σύνδεσμο https://inkstory.gr/dimiourgia-wordpress-blog-odigos/ οπότε για να το δω σε AMP (είτε από υπολογιστή, είτε από κινητό) θα πρέπει να βάλω στο τέλος του συνδέσμου https://inkstory.gr/dimiourgia-wordpress-blog-odigos/?amp

Φυσικά, θα πρέπει να ελέγξεις τις AMP σελίδες από το κινητό, καθώς μόνο από εκεί θα τις βλέπουν οι αναγνώστες σου όταν επισκέπτονται το blog σου από τις μηχανές αναζήτησης.

Ο ανεπίσημος τρόπος

Έχε κατά νου πως όταν λέω “επίσημος” και “ανεπίσημος” τρόπος, δεν αναφέρομαι σε καμιά περίπτωση πως ο ένας είναι καλύτερος από τον άλλον. Για την ακρίβεια, όταν λέω επίσημος τρόπος, αναφέρομαι στο plugin που το έφτιαξε η ίδια η Google και η Automattic, χωρίς αυτό να σημαίνει απαραίτητα πως είναι το καλύτερο στο είδος του.

Το δεύτερο plugin λοιπόν, ονομάζεται AMP for WP – Accelerated Mobile Pages και έχει δημιουργηθεί από τον Ahmed Kaludi και τον Mohammed Kaludi. Είναι το δεύτερο πιο γνωστό plugin για AMP σελίδες στο WordPress και παρέχει πάρα πολλά χαρακτηριστικά, εργαλεία και τρόπους μορφοποίησης. Αν δεν είσαι εξοικειωμένος με τις πολλές επιλογές, τότε ίσως σου φανεί λιγάκι δύσκολο στην αρχή, αλλά όλα είναι σωστά οργανωμένα ώστε να τα καταλαβαίνουν οι περισσότεροι χρήστες.

Ακόμα και αν το theme που έχεις δεν υποστηρίζει από μόνο του τις AMP σελίδες, με το συγκεκριμένο plugin κατά πάσα πιθανότητα δεν θα έχεις πρόβλημα καθώς βάζει το δικό του σύστημα μέσα.

Σημείωση: Το συγκεκριμένο plugin δεν είναι ανοικτού-κώδικα και ως εκ τούτου, για να κάνεις ορισμένα πράγματα θα χρειαστεί να πληρώσεις. Η πληρωμή, ωστόσο, είναι προαιρετική.

1. Από την πλαϊνή αριστερή στήλη (ή μενού) του WordPress, κάνε κλικ στα Πρόσθετα > Νέο πρόσθετο και αναζήτησε το AMP for WP – Accelerated Mobile Pages ή σκέτο AMP.

2. Με το που εγκαταστήσεις το plugin, θα σε μεταφέρει αυτόματα σε μια νέα σελίδα απ’ όπου θα έχεις την δυνατότητα να επιλέξεις αν θέλεις να δεις όλες τις επιλογές που παρέχει, ή μόνο τις βασικές για τους αρχάριους χρήστες. Προσωπικά, σου προτείνω να επιλέξεις την επιλογή “Full” για να βλέπεις όλες τις επιλογές.

3. Μόλις επιλέξεις την επιλογή, θα σε πάει στην καρτέλα απ’ όπου θα έχεις την δυνατότητα να κάνεις ορισμένες γρήγορες ρυθμίσεις. Από εκεί, επέλεξε αρχικά να ενεργοποιηθεί το AMP στις σελίδες και στα άρθρα, πρόσθεσε το λογότυπο του blog σου, το αναγνωριστικό για τα Google Analytics και τέλος το GDPR ως επιλογή στα Privacy Settings.

4. Μόλις ολοκληρώσεις αυτές τις βασικές ρυθμίσεις, μπορείς στη συνέχεια από το αριστερό μενού του plugin να μεταβείς στα Settings ή στο Design για να το ρυθμίσεις ακόμα περισσότερο και να μορφοποιήσεις τον σχεδιασμό των AMP σελίδων.

Σημαντικά πράγματα που πρέπει να κάνεις αφότου περάσεις το AMP

Μόλις ολοκληρώσεις όλη την διαδικασία και περάσεις το AMP στο blog σου, στη συνέχεια θα χρειαστεί να κάνεις ορισμένες απαραίτητες ρυθμίσεις.

1. Αφαίρεσε τον κώδικα από το Google Analytics και από την Google AdSense από το blog σου. Οι Accelerated Mobile Pages (σελίδες) απαιτούν διαφορετικό κώδικα και όχι τον συνηθισμένο που χρησιμοποιούμε συνήθως. Μόλις το κάνεις, εγκατέστησε το Google Site Kit plugin και μέσω αυτού πρόσθεσε τα Google Analytics και την Google AdSense.
2. Σιγουρέψου πως έχεις συνδέσει το blog σου στο Google Search Console (μπορείς να το κάνεις και μέσω του Google Site Kit plugin) για να παρακολουθείς από εκεί τυχόν σφάλματα που υπάρχουν στις AMP σελίδες σου.
3. Χρησιμοποίησε το εργαλείο της Google για να σιγουρευτείς πως το AMP λειτουργεί και το βλέπει σωστά η εταιρεία. Στο πεδίο, μην βάλεις την αρχική σου σελίδα, αλλά έναν σύνδεσμο από κάποιο άρθρο σου.
4. Αν χρησιμοποιείς το Yoast SEO plugin, τότε θα χρειαστεί να εγκαταστήσεις και το Glue for Yoast SEO & AMP plugin.

Υπέροχα! Σε λίγες ημέρες τα bots της Google θα ξεκινήσουν να βλέπουν τις AMP σελίδες των άρθρων σου και θα προστεθεί επίσης το εικονίδιο των Accelerated Mobile Pages στα αποτελέσματα αναζήτησης, ενημερώνοντας κάθε χρήστη πως το blog σου χρησιμοποιεί την τεχνολογία της Google.

Εσύ κατάφερες να περάσεις το AMP στο blog σου; Θα χαρώ να ακούσω τις απόψεις σου, καθώς επίσης και να σε βοηθήσω σε οποιοδήποτε πρόβλημα αντιμετωπίζεις, αφήνοντας το σχόλιο σου στο τέλος του άρθρου.

Το συγκεκριμένο plugin είναι το επίσημο της Google και η ίδια θα το υποστηρίζει μελλοντικά με νέες ενημερώσεις. Ουσιαστικά, το plugin ενεργοποιεί το native lazy-load στις ιστοσελίδες/blogs και βελτιστοποιεί έτσι την φόρτωση των εικόνων και των iframes.

Σύμφωνα με την εταιρεία, το Google Native Lazy-load plugin είναι “το κλειδί χαρακτηριστικό για την βελτιστοποίηση της ταχύτητας.” Αν και υπάρχουν εκατοντάδες άλλα lazy-loading plugins που μπορείς να χρησιμοποιήσεις, στην πραγματικότητα τα περισσότερα βασίζονται πάνω στο loading, στο parsing και στην εκτέλεση κάποιου custom JavaScript κώδικα. Αυτό σημαίνει πως λίγο-πολύ, είναι βαριά και αυτά για την ταχύτητα μιας ιστοσελίδας.

Το Google Native Lazy-load plugin από την άλλη πλευρά βασίζεται στο νέο loading attribute, το οποίο κάνει το lazy-loading μια εξαιρετική native λειτουργία του browser (περιηγητή). Αυτό το attribute υποστηρίζεται ήδη από τον Chrome αυτή την στιγμή και αναμένεται όλοι οι υπόλοιποι browsers να το ενσωματώσουν με το καιρό.

Η κύρια λειτουργία του νέου plugin είναι να σιγουρεύεται πως οι φωτογραφίες σε μια ιστοσελίδα περιλαμβάνουν το νέο loading attribute με value το lazy. Δεν χρειάζεται να ρυθμίσεις το plugin, απλά το κάνεις εγκατάσταση και είσαι έτοιμος. Το plugin περιλαμβάνει επίσης και έναν fallback μηχανισμό για τους browsers που δεν υποστηρίζουν ακόμα το native lazy-loading. Αυτός ο μηχανισμός περιλαμβάνει custom JavaScript κώδικα, ο οποίος αναφέρεται πως δεν επηρεάζει ιδιαίτερα την φόρτωση των σελίδων. Αυτό σημαίνει πως απ’ όποιον browser και αν μπουν οι αναγνώστες σου, είτε υποστηρίζουν την λειτουργία είτε όχι, το plugin θα φροντίσει πως πάλι θα ωφεληθείς από το lazy-loading των φωτογραφιών και των iframes.

Μπορείς να εγκαταστήσεις το Google Native Lazy-load plugin απευθείας μέσα από τον Πίνακα Ελέγχου του WordPress, πηγαίνοντας στα Πρόσθετα > Νέο πρόσθετο και αναζητώντας τη λέξη “Google Native Lazy-loading.” Εναλλακτικά, μπορείς να το κατεβάσεις και από την επίσημη ιστοσελίδα του WordPress.

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

Google

Το Google Native Lazy-load plugin δεν είναι το πρώτο εργαλείο που κυκλοφορεί η εταιρεία για το WordPress, αλλά σίγουρα ούτε και το τελευταίο. Ως γνωστόν η εταιρεία κυκλοφόρησε επίσης το AMP Plugin σε συνεργασία με την Auttomatic, ενώ κυκλοφόρησε επίσης τα AMP Stories για το WordPress. Πιο συγκεκριμένα, η εταιρεία έχει κυκλοφορήσει για το WordPress τα παρακάτω plugins:

Για να βλέπεις πάντα όλα τα νέα plugins που κυκλοφορεί η Google για το WordPress, έλεγξε το προφίλ της εταιρείας εδώ.

Εσύ εγκατέστησες το νέο Google Native Lazy-load plugin στο WordPress site σου; Και ναι, θεωρείς πως η εταιρεία κατάφερε να λύσει επιτέλους το πρόβλημα με το φόρτωμα των φωτογραφιών; Θα χαρώ να ακούσω τις απόψεις σου στα σχόλια παρακάτω.

Στον σημερινό οδηγό θα σε βοηθήσω να διορθώσεις τα βασικότερα προβλήματα που αφορούν το χαμηλό σκορ του blog σου στο Google PageSpeed Insights. Πράμα που σημαίνει πως μόλις τα διορθώσεις όλα, το SEO του blog σου θα αυξηθεί και μέσα στις επόμενες μέρες θα δεις ένα καλύτερο και πιο “απολαυστικό” search ranking.

Σημαντικές σημειώσεις:

• Το άρθρο είναι λίγο μεγάλο. Λίγο όμως.
• Θα σπάσεις το κεφάλι σου. Εγγύηση όχι αστεία.
• Κάποια πράγματα μπορεί να τα κάνει μόνο ένας developer, θα καταλάβεις ποια.
• Αν τα κάνεις όλα και αυξήσεις την ταχύτητα, θα ευχαριστήσεις την Google. Και όποιος ευχαριστεί την Google περνάει καλά. Α ναι, και τους αναγνώστες σου, γιατί θα έχεις γρήγορο blog.
• Οι σημειώσεις δεν ήταν σημαντικές. Βασικά, οι δύο τελευταίες ήταν.

Τι είναι το Google PageSpeed Insights και πως επηρεάζει το SEO του blog μου;

Το Google PageSpeed Insights είναι ένα online εργαλείο καταμέτρησης της ταχύτητας των ιστοσελίδων, το οποίο δημιουργήθηκε από την Google για να σε βοηθήσει να κάνεις την ιστοσελίδα σου γρηγορότερη και πιο mobile-friendly, ακολουθώντας τις συμβουλές που σου παρέχονται.

Διάβασε επίσης: Τα δημοφιλέστερα blogging εργαλεία για το 2018

Ένα πολύ σημαντικό πράγμα που πρέπει να θυμάσαι είναι πως θα δυσκολευτείς αρκετά να κάνεις το blog σου να χτυπήσει ένα σκορ το οποίο φτάνει τα 100/100 στο Google PageSpeed Insights. Αυτό συμβαίνει καθώς υπάρχουν τόσα εκατοντάδες χιλιάδες themes και plugins εκεί έξω, με τόσα πολλά εξωτερικά scripts, που είναι σχεδόν αδύνατο να πετύχεις το τέλειο σκορ – αλλά όχι ακατόρθωτο.

Το πιο σημαντικό πράγμα που πρέπει να θυμάσαι είναι πως το blog σου θα πρέπει να έχει τουλάχιστον 90/100 σκορ για τις mobile συσκευές και τουλάχιστον 80/100 για τους υπολογιστές.

Ποιες blogging παλτφόρμες επηρεάζονται από το Google PageSpeed Insights;

Όλες! Ακόμα και το Blogger (ή Blogspot, αποκάλεσε το όπως επιθυμείς) επηρεάζεται σημαντικά από το σκορ που παίρνει μέσω του Google PageSpeed Insights. Η Google δεν χαρίζει ούτε στα blogs που βρίσκονται στην δική της πλατφόρμα και με μια γρήγορη δοκιμή θα το καταλάβεις κατευθείαν.

Με όλα αυτά κατά νου, είτε βρίσκεται στο Blogger, είτε στο WordPress, είτε στο Joomla ή Drupal, είτε σε οποιαδήποτε άλλη πλατφόρμα, άσχετα αν έχεις blog, e-commerce, forum κ.α., το Google PageSpeed Insights εργαλείο της Google επηρεάζει το SEO σου.

Σε αυτό το σημείο αξίζει να σημειώσω πως η Google κοιτάει αποκλειστικά και μόνο το δικό της εργαλείο για να αυξήσει το search ranking ενός blog. Που σημαίνει πως, για τους αγαπητούς developers εκεί έξω, αν κοιτάς το Pingdom ή το GTMetrix και παρόμοια εργαλεία, άστα στην άκρη γιατί δεν παίζουν ιδιαίτερα σημαντικό ρόλο – όχι τουλάχιστον σε αυτή την περίπτωση. Το GTMetrix είναι αρκετά καλό για να αυξήσεις την ταχύτητα ακόμη περισσότερο, αλλά εφόσον έχεις διορθώσει τα πάντα στο PageSpeed Insights.

Τι λέει η Google και για το page speed ranking;

Επειδή αρκετοί bloggers δεν γνωρίζουν το πόσο σημαντική είναι η ταχύτητα του blog τους για το search ranking τους, και επειδή ποιος είμαι εγώ που θα τους πίσω, αφήνω την ίδια την Google να μιλήσει πάνω στο θέμα.

Σε μια ιδιαίτερα ενδιαφέρον συζήτηση που έγινε από έναν SEO ειδικό του FDP Group Leeds στο Search Engine Roundtable, ο Gary Illyes, ο Webmaster Trend Analyst της Google, απάντησε στο Twitter:

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

Αυτό όμως ήταν ένα απλό παράδειγμα, καθώς στις 9 Απριλίου του 2010, η Google ανέβασε ένα άρθρο στο επίσημο blog της, κάνοντας επίσημη την αναφορά πως η ταχύτητα παίζει σημαντικό ρόλο για το page ranking. Το άρθρο μπορείς να το διαβάσεις στο Webmaster Central Blog της Google.

Πως να κάνεις το blog σου πιο γρήγορο και να αποκτήσεις ένα μεγάλο σκορ

Εφόσον λοιπόν γνωρίζεις πλέον τι είναι το PageSpeed Insights της Google και πόσο σημαντικό ρόλο παίζει το σκορ και η ταχύτητα του blog σου για το page ranking, πάμε να δούμε πως μπορείς να αυξήσεις και τα δύο.

Διάβασε επίσης: Πως να βρεις χρόνο για το blog σου

Σε αυτό το σημείο θα ήθελα να ενημερώσω πως όλος ο οδηγός βασίζεται πάνω στο WordPress και σε καμιά άλλη πλατφόρμα. Τα προβλήματα, ωστόσο, που εμφανίζονται στο PageSpeed Insights εργαλείο είναι τα ίδια για κάθε πλατφόρμα και διορθώνονται με παρόμοιους τρόπους.

Πρώτο βήμα: Έλεγχος ταχύτητας του blog

Το πρώτο πράγμα που πρέπει να κάνεις είναι να ελέγξεις την ταχύτητα του blog σου. Για να το κάνεις αυτό, επισκέψου το εργαλείο της Google, βάλε το σύνδεσμο (URL) του blog σου και κάνε κλικ στο κουμπί “ΑΝΑΛΥΣΗ“.

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

Απ’ όσο μπορείς να δεις από τη παραπάνω φωτογραφία, το Inkstory έχει 94/100 σκορ για τις mobile συσκευές, και 82/100 για τα desktop. Το εργαλείο εμφανίζει το σκορ με πράσινο χρώμα και ακριβώς πάνω από το σκορ γράφει “Good“, που σημαίνει πως το blog βρίσκεται σε μια εξαιρετική κατάσταση από θέματα ταχύτητας και προβλημάτων.

Η αλήθεια είναι πως θα μπορούσα πολύ εύκολα να πάω το σκορ στα 100/100, λύνοντας εύκολα και γρήγορα τα υπόλοιπα προβλήματα που μου εμφανίζει, αλλά είναι τόσο ασήμαντα για εμένα, που δεν έκατσα ποτέ να τα λύσω. Όπως και να ‘χει, το σκορ που θέλω το έχω, και το ίδιο πρέπει να γίνει και με το δικό σου blog.

Δεύτερο βήμα: Πως να λύσεις κάθε πρόβλημα

Σε αυτό τον οδηγό, θα σου δείξω πως να λύσεις κάθε πρόβλημα που σου εμφανίζει το PageSpeed Insights. Πιο συγκεκριμένα, θα σου δείξω πως έχω λύσει εγώ αυτά τα προβλήματα σε ένα σωρό blogs:

• Βελτιστοποίηση εικόνων
• Ελαχιστοποίηση JavaScript και CSS
• Περιορισμός JavaScript και CSS αποκλεισμού απόδοσης στο περιεχόμενο στο επάνω μέρος
• Αξιοποίηση της λειτουργίας προσωρινής αποθήκευσης του προγράμματος περιήγησης
• Ενεργοποίηση συμπίεσης
• Μείωση χρόνου απόκρισης διακομιστή

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

Βελτιστοποίηση εικόνων

Όταν βλέπουμε αυτή την ειδοποίηση, σημαίνει πως το Google PageSpeed Insights μας λέει ότι πρέπει να βελτιστοποιήσουμε τις εικόνες μας επειδή είναι πολύ βαριές. Αυτό το πρόβλημα μπορεί να λυθεί πολύ εύκολα με δύο διαφορετικούς τρόπους.

Πρώτος τρόπος: Optimus Image Optimizer

Μπορείς να εγκαταστήσεις το Optimus Image Optimizer plugin στο WordPress blog σου, το οποίο κάνει έξυπνη συμπίεση των φωτογραφιών με έναν συνδυασμό από lossless και lossy τεχνικές συμπίεσης. Παρέχει επίσης το χαρακτηριστικό ‘bulk-optimization’ το οποίο σου επιτρέπει να συμπιέσεις όλες τις φωτογραφίες του blog σου με το πάτημα ενός κουμπιού. Υπάρχει επίσης και η επιλογή ‘auto-compress’ η οποία συμπιέζει αυτόματα κάθε φωτογραφία που ανεβάζεις στο blog σου, χωρίς εσύ να χρειάζεται να κάνεις το οτιδήποτε.

Τέλος, το plugin σου επιτρέπει να μετατρέπεις τις φωτογραφίες σου από JPEG/JPG/PNG σε .webp μορφή. Η .webp μορφή είναι ότι πιο γρήγορο υπάρχει αυτή την στιγμή για ιστοσελίδες και στα σκορ που λαμβάνουν από online εργαλεία παίρνουν πάντα 100/100.

Τα θετικά του plugin: Μετατρέπει όλες τις φωτογραφίες σε .webp μορφή ώστε να είναι με μεγάλη διαφορά πιο γρήγορες και να ζυγίζουν λιγότερα MB/KB.

Τα αρνητικά του plugin: Δυστυχώς, όσο καλό κι αν είναι το συγκεκριμένο plugin, η δοκιμαστική του έκδοση σου επιτρέπει να συμπιέζεις μέχρι 100KB φωτογραφιών, που σημαίνει ότι αν μια φωτογραφία είναι πάνω από 100KB (που συνήθως είναι), δεν στην συμπιέζει. Δεν σου επιτρέπει επίσης να μετατρέπεις φωτογραφίες σε .webp μορφή. Παρέχει δύο επί πληρωμής εκδόσεις ωστόσο, οι οποίες, αυτή την στιγμή που γράφεται το άρθρο, στοιχίζουν 29 δολάρια το χρόνο για 10 MB φωτογραφιών και μετατροπή σε .webp μορφή, αλλά με άδεια προσωπικής χρήσης, και 149 δολάρια το χρόνο για 10MB μέγεθος φωτογραφιών, μετατροπή σε .webp μορφή και με άδεια για να το χρησιμοποιείς και σε ιστοσελίδες πελατών.

Κατά τη γνώμη μου, το plugin αξίζει τα 29 δολάρια γιατί κάνει εξαιρετική δουλειά.

Δεύτερος τρόπος: EWWW Image Optimizer

Το EWWW Image Optimizer είναι ένα από τα δημοφιλέστερα plugins στο WordPress για τη συμπίεση φωτογραφιών. Παρόλα αυτά, αν δεν αγοράσεις την επίσημη έκδοση του, δεν θα δεις διαφορά στο σκορ. Θα σου γλυτώσει, ωστόσο, αρκετό χώρο από το web hosting πακέτο σου και πιθανώς να συμπιέσει κάποιες εικόνες σε σημείο που να φτάσουν τα 100KB ώστε να τις συμπιέσεις στη συνέχεια με το Optimus Image Optimizer που ανέφερα παραπάνω. Ούτε η επί πληρωμής έκδοση του μου κίνησε ιδιαίτερα το ενδιαφέρον, καθώς οι ποιότητα των φωτογραφιών έπεσε τόσο πολύ, που φαινόντουσαν απαράδεκτες. Παρόλα αυτά, είναι ο καλύτερος τρόπος για να γλυτώσεις χώρο και να συμπιέσεις τις φωτογραφίες σου μέχρι ένα επίπεδο.

Αξίζει να σημειώσω σε αυτό το σημείο πως το PageSpeed Insights μπορεί να εμφανίσει δύο διαφορετικά προβλήματα για τις φωτογραφίες, τα οποία είναι τα παρακάτω:

1. Optimize Images: “Compressing … could save 4.7 KiB (30% reduction).”
2. Optimize Images: “Compressing and resizing … could save 5.8 KiB (51% reduction).”

Το πρώτο πρόβλημα αφορά αποκλειστικά και μόνο τη συμπίεση των εικόνων σου. Το δεύτερο πρόβλημα, ωστόσο, αφόρα και τη συμπίεση αλλά και την περικοπή των εικόνων σου. Που σημαίνει πως αν έχεις συμπιέσει μια φωτογραφία αλλά είναι τεράστια σε ανάλυση και παραμένει αρκετά MB ή KB, τότε θα πρέπει να κάνεις resize ώστε να φορτώνει ακόμα πιο γρήγορα.

Για να λύσεις λοιπόν όλα τα προβλήματα που αφορούν τη συμπίεση των φωτογραφιών, σου προτείνω να αγοράσεις και να εγκαταστήσεις το Optimus Image Optimizer και να συμπιέσεις όλες τις φωτογραφίες του blog σου, καθώς επίσης και να τις μετατρέψεις σε .webp μορφή.

Ελαχιστοποίηση JavaScript και CSS

Το Google PageSpeed Insights μας λέει τώρα πως πρέπει να κάνουμε minify τα JavaScript, CSS και HTML αρχεία μας. Για να διορθώσεις αυτό το πρόβλημα εύκολα και γρήγορα, απλά εγκατέστησε το δωρεάν Autoptimize plugin στο WordPress. Στις ρυθμίσεις του plugin θα έχεις τη δυνατότητα να επιλέξεις τις παρακάτω επιλογές:

• Βελτιστοποίηση του HTML κώδικα
• Βελτιστοποίηση του JavaScript κώδικα
• Βελτιστοποίηση του CSS κώδικα

Μπορείς επίσης να χρησιμοποιήσεις το δωρεάν plugin WordPress Cache Enabler του KeyCDN για να κάνεις γρηγορότερη μεταμόρφωση των .webp εικόνων (που μετατρέψαμε πριν) ώστε να ανοίγουν ακόμα πιο γρήγορα. Στις ρυθμίσεις του plugin απλά επέλεξε την επιλογή “Create an additional cached version for WebP image support.“

Περιορισμός JavaScript και CSS αποκλεισμού απόδοσης στο περιεχόμενο στο επάνω μέρος

Το Google PageSpeed Insights μας λέει τώρα πως έχουμε JavaScript και CSS πάνω από το  fold (το πρότυπο μας). Υπάρχουν τρία διαφορετικά σενάρια που μπορεί να προκαλούν αυτό το πρόβλημα στους περισσότερους ανθρώπους, είτε είναι τα JavaScript/CSS αρχεία τους, είτε το Font Awesome, είτε τα Google Fonts, είτε όλα μαζί.

JavaScript και CSS αρχεία

Το πρώτο πρόβλημα βρίσκεται με τα JavaScript και CSS αρχεία τα οποία βρίσκονται στο πάνω μέρος του προτύπου μας, και ως εκ τούτου το Google PageSpeed Insights μας τα αναφέρει ως “render-blocking”. Για να το διορθώσουμε αυτό, πάμε πάλι πίσω στις ρυθμίσεις του Autoptimize που εγκαταστήσαμε προηγουμένως και αποθηκεύουμε τις παρακάτω ρυθμίσεις:

• Κάτω από τις ρυθμίσεις “JavaScript” φρόντισε πως δεν έχεις επιλεγμένη την επιλογή  “Force JavaScript in <head>?”
• Κάτω από τις ρυθμίσεις “CSS” τσέκαρε την επιλογή “Inline all CSS?”

Font Awesome

Το Font Awesome είναι ο καλύτερος τρόπος για να βάλεις διάφορα εικονίδια σε shortcodes και στο μενού του blog σου. Παρόλα αυτά, όταν παίρνεις τον κώδικα του συγκεκριμένου “project” (έτσι θα το πω) και το περνάς στο header του blog σου, κατευθείαν το Google PageSpeed Insights σου εμφανίζει render-blocking πρόβλημα στην CSS. Για να το διορθώσεις αυτό, απλά πάρε τον κώδικα και πρόσθεσε τον στο footer ακριβώς πριν το </body> tag. Αυτό θα διορθώσει το πρόβλημα.

<link href="https://yourwebsite.com/fontawesome/4.5.0/font-awesome.min.css" rel="stylesheet">

Σημείωση: Κάνοντας το αυτό θα φέρει αποτελέσματα FOUT, που σημαίνει ότι είναι ένα flash του unstyled κειμένου.

Google Fonts

Το τρίτο πρόβλημα είναι ίσως και το πιο ειρωνικό, καθώς έχει να κάνει με τα Google Fonts. Για να σου δώσω ένα γρήγορο και εύκολο παράδειγμα, στο Twenty Fifteen theme του WordPress, περιλαμβάνεται η Noto Serif γραμματοσειρά. Από προεπιλογή, το WordPress χρησιμοποιεί ένα hook που ονομάζεται wp_enqueue_scripts για να φορτώσει τη γραμματοσειρά στο header. Αυτό αυτόματα φέρνει το αποτέλεσμα του render-blocking. Για να το διορθώσεις αυτό, μπορείς να εγκαταστήσεις το δωρεάν plugin Disable Google Fonts. Αν δεν χρησιμοποιείς ένα custom theme, τότε θα χρειαστεί να ρωτήσεις τον προγραμματιστή που το έφτιαξε πως μπορείς να απενεργοποιήσεις τα Google Fonts, καθώς το παραπάνω plugin δεν θα λειτουργήσει.

Μόλις βρεις τον τρόπο και απενεργοποιήσεις τα Google Fonts, βάλε τον παρακάτω κώδικα στο footer σου, λίγο πριν το </body>, ώστε να ξανά φορτώσεις τα Google Fonts αλλά χωρίς να υπάρχει πρόβλημα με το Google PageSpeed Insights:

<link href='https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

Μπορείς επίσης να φορτώσεις τα Google Fonts ασύγχρονα χρησιμοποιώντας το Web Font Loader της Google. Απλά πρόσθεσε τον παρακάτω κώδικα στο footer του blog σου:

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Noto+Serif:400,400italic,700,700italic' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

Αξιοποίηση της λειτουργίας προσωρινής αποθήκευσης του προγράμματος περιήγησης

Αλλιώς γνωστό και ως “Leverage Browser Caching,” το συγκεκριμένο πρόβλημα εμφανίζεται σχεδόν σε κάθε online εργαλείο μέτρησης ταχύτητας και είναι σημαντικό να το διορθώσουμε ώστε να αυξήσουμε το σκορ.

Ο πιο κοινός λόγος για τον οποίο σου εμφανίζει αυτό το πρόβλημα είναι επειδή ο web server ο οποίος φιλοξενεί το blog σου δεν έχει βάλει τα κατάλληλα headers σε ένα μέρος. Ως εκ τούτου, θα πρέπει να προσθέσεις τα σωστά Cache-Control headers και τα Expire Headers.

Το Cache-Control Header ενεργοποιεί ένα client-side caching και βάζει ένα χρονικό διάστημα ζωής σε ένα πόρο. Τα Expire Headers χρησιμοποιούνται για να ορίσουν πότε ένας πόρος δεν χρειάζεται ποια.

Φυσικά δεν χρειάζεται να βάλεις και τα δύο headers, καθώς δεν είναι απαραίτητο. Το Cache-Control είναι η πιο καινούργια και προτεινόμενη μέθοδος. Παρόλα αυτά, κάποια online εργαλεία συνεχίζουν να εμφανίζουν και να ελέγχουν για Expires Headers, οπότε θα δούμε πως να τα διορθώσουμε και τα δύο.

Προσθήκη Cache-Control Header στο NGINX

Μπορείς να προσθέσεις τα Cache-Control Headers στο NGINX προσθέτοντας τους παρακάτω κώδικες στο config αρχείο του server:

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
expires 2d;
add_header Cache-Control "public, no-transform";
}

Προσθήκη Expires Headers στο NGINX

Μπορείς να βάλεις τον παρακάτω κώδικα στο server block για τα Expires Headers στο NGINX.

location ~* \.(jpg|jpeg|gif|png)$ {
expires 365d;
}

location ~* \.(pdf|css|html|js|swf)$ {
expires 2d;
}

Προσθήκη Cache-Control Headers στον Apache

Μπορείς να προσθέσεις τα Cache-Control headers στον Apache βάζοντας τον παρακάτω κώδικα στο .htaccess αρχείο.

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>

Προσθήκη Expires Headers στον Apache

Μπορείς να προσθέσεις τα Expires headers στον Apache βάζοντας τον παρακάτω κώδικα στο .htaccess αρχείο.

EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Google Analytics

Άλλο ένα πρόβλημα και ακόμα πιο ειρωνικό από τα Google Fonts είναι το Google Analytics. Το αστείο εδώ είναι πως, το ίδιο τους το script [http://www.google-analytics.com/analytics.js] είναι το πρόβλημα καθώς η εταιρεία έχει διορίσει γι ‘αυτό μόλις 2 ώρες ζωής της cache. Η Google έχει ήδη αναφέρει πως δεν πρόκειται να διορθώσουν αυτό το πρόβλημα, κάτι το οποίο αφήνει τους πάντες να έχουν ένα πρόβλημα το οποίο δεν μπορούν να διορθώσουν. Ίσως το πιο ενοχλητικό πράγμα με αυτό το πρόβλημα είναι όταν είσαι developer και προσπαθείς να εξηγήσεις στους πελάτες σου πως η Google εμφανίζει ένα πρόβλημα, με μια δική της υπηρεσία, στο δικό της εργαλείο, το οποίο δεν σου επιτρέπει να φτιάξεις. Βλέπεις την ειρωνεία τώρα;

Ευτυχώς, υπάρχει λύση για όλα.

Η λύση λοιπόν για το συγκεκριμένο πρόβλημα είναι να φιλοξενείς μια local έκδοση του analytics.js. Η Google δεν προτείνει την συγκεκριμένη μέθοδο, αλλά αν βάλεις σωστά το script για να παίρνει την τελευταία έκδοση, τότε δεν θα υπάρξει πρόβλημα (λογικά). Υπάρχει ένα διαθέσιμο δωρεάν WordPress plugin το οποίο ονομάζεται Host Analytics.js Locally το οποίο ουσιαστικά δημιουργεί ένα cron job για να συγχρονίζει περιστασιακά την τελευταία έκδοση του analytics.js. Με αυτό τον τρόπο μπορείς επίσης να κάνεις το ίδιο και με ένα CDN που μπορεί να έχεις.

Τέλος πάντων, με τα πολλά και με τα λίγα, με αυτό τον τρόπο μπορείς να διορθώσεις το ειρωνικό πρόβλημα της Google με τα Analytics στο PageSpeed Insights.

Ενεργοποίηση συμπίεσης

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

Για όσους γνωρίζουν, παρόλα αυτά, παρακάτω είναι έτοιμος ο κώδικας ο οποίος θα ενεργοποιήσει τη συμπίεση τόσο στον Apache, όσο και στο NGINX, ανάλογα.

Apache

Πρόσθεσε τον παρακάτω κώδικα στο .htaccess αρχείο.

<IfModule mod_deflate.c>
 # Compress HTML, CSS, JavaScript, Text, XML and fonts
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
 AddOutputFilterByType DEFLATE application/x-font
 AddOutputFilterByType DEFLATE application/x-font-opentype
 AddOutputFilterByType DEFLATE application/x-font-otf
 AddOutputFilterByType DEFLATE application/x-font-truetype
 AddOutputFilterByType DEFLATE application/x-font-ttf
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE font/opentype
 AddOutputFilterByType DEFLATE font/otf
 AddOutputFilterByType DEFLATE font/ttf
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE image/x-icon
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
 BrowserMatch ^Mozilla/4 gzip-only-text/html
 BrowserMatch ^Mozilla/4\.0[678] no-gzip
 BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
 Header append Vary User-Agent
</IfModule>

NGINX

Πρόσθεσε τον παρακάτω κώδικα στο nginx.conf αρχείο.

gzip on;
gzip_comp_level 2;
gzip_http_version 1.0;
gzip_proxied any;
gzip_min_length 1100;
gzip_buffers 16 8k;
gzip_types text/plain text/html text/css application/x-javascript text/xml application/xml application/xml+rss text/javascript;
gzip_disable "MSIE [1-6].(?!.*SV1)";
gzip_vary on;

Μείωση χρόνου απόκρισης διακομιστή

Και τέλος (σκουπίζει τον ιδρώτα), για να μειώσεις τον χρόνο απόκρισης του διακομιστή, που είναι ένα και από τα πιο βασικά βήματα, θα χρειαστεί είτε να πας σε ένα μεγαλύτερο web hosting πακέτο (ή server τέλος πάντων) ή να ενεργοποιήσεις μια CDN υπηρεσία.

Μερικές CDN υπηρεσίες είναι οι παρακάτω:

• CloudFlare
• KeyCDN
• Fastly
• MetaCDN
• StackPath
• MaxCDN
• Amazon CloudFront
• Microsoft Azure CDN
• CDN77
• Leaseweb

Αν όλα πάνε καλά και έχεις ακολουθήσει τα παραπάνω βήματα, πάνε ξανά στο Google PageSpeed Insights και έλεγξε την ταχύτητα και τα προβλήματα του blog σου. Είμαι σίγουρος πως αν δεν φτάσουν τα 100/100, σίγουρα θα χτυπήσεις πράσινα και σίγουρα θα φτάσεις τα 80-90/100.

BONUS: Για εσένα που έφτασες μέχρι το τέλος του άρθρου, έχε κατά νου πως ενώ αρχικά κοιτάς την αρχική σελίδα του blog σου για να φτιάξεις όλα τα προβλήματα, θα πρέπει επίσης να ελέγξεις την ταχύτητα σε κάθε άρθρο σου, καθώς αυτά είναι που στο τέλος θα πρέπει να αποκτήσουν μεγάλο page ranking. Το Google PageSpeed Insights θα σε ενημερώσει αν τυχόν οι φωτογραφίες είναι πολύ μεγάλες.

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

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

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

Διάβασε επίσης:

Συμβουλές για να αυξήσεις τη ταχύτητα του WordPress blog σου

Σε αυτό το άρθρο θα αναφερθώ συγκεκριμένα για το Gzip Compression και το Browser Caching, τα οποία μόλις ενεργοποιηθούν αυξάνουν σημαντικά την ταχύτητα του blog μας.

Gzip Compression

Ενεργοποιώντας το Gzip compression επιτρέπουμε σε μια σελίδα του blog μας να μεταφερθεί στο πρόγραμμα περιήγησης (browser) συμπιεσμένη. Για την ακρίβεια, κάθε σελίδα συμπιέζεται μέχρι και 70% του αρχικού της μεγέθους, κάτι το οποίο κάνει τη φόρτωση των σελίδων του blog μας να μειώνεται έως και 5-7 φορές περισσότερο.

Αν και στα περισσότερα WordPress blogs το Gzip compression είναι ενεργοποιημένο εξαρχής, σε άλλα παραμένει απενεργοποιημένο με αποτέλεσμα ο blogger να χάνει μια μεγάλη ευκαιρία για τη βελτιστοποίηση του blog του. Για να δεις αν το Gzip compression είναι ενεργοποιημένο, πάνε στη σελίδα www.τοblogσου.gr/wp-admin/options.php και ψάξε τη λέξη Gzip. Αν γράφει ‘on’ σημαίνει πως είναι ενεργοποιημένο, αν γράφει ‘off’ σημαίνει πως είναι απενεργοποιημένο και πρέπει να το αλλάξουμε σε ‘on’.

Browser Caching

Μερικά από τα μεγαλύτερα αρχεία του blog σου σπάνια αλλάζουν. Αυτά είναι συχνά τα CSS αρχεία, τα Javascript αρχεία, τα λογότυπα του blog σου και πάει λέγοντας. Ο καλύτερος τρόπος για να επωφελυθείς από αυτά τα αρχεία είναι ενεργοποιώντας το browser caching.

Για να το εξηγήσω όσο το δυνατόν καλύτερα γίνεται, όταν ένας χρήστης επισκέπτεται το blog μας, όλα αυτά τα μεγάλα αρχεία ξεκινάν και φορτώνουν στον περιηγητή του. Με το browser caching ενεργοποιημένο, αυτά τα αρχεία θα φορτώσουν μόνο μια φορά σε έναν χρήστη όταν επισκεφτεί για πρώτη φορά το blog μας. Στη συνέχεια, σε κάθε του επίσκεψη, αντί να ξανά φορτώνουν από την αρχή, θα έχουν παραμείνει αποθηκευμένα στον τοπικό του υπολογιστή, με αποτέλεσμα να περιηγείται με μεγαλύτερες ταχύτητες στις σελίδες του blog μας.

Η ενεργοποίση του browser caching, ωστόσο, είναι πιο περίπλοκη σε σχέση με αυτή του Gzip compression που έδειξα παραπάνω. Αν είσαι αρχάριος χρήστης, ή χρησιμοποιήσεις shared hosting πακέτο, απλά στείλε αυτή την σελίδα στην hosting εταιρεία σου και ζήτα τους να σου το ενεργοποιήσουν αυτοί. Αν το blog σου φιλοξενείται σε VPS ή Dedicated server (ή γενικότερα γνωρίζεις από FTP), πρόσθεσε τον παρακάτω κώδικα στο .htaccess αρχείο σου (βρίσκεται στο public_html φάκελο, ή αν έχει διαφορετική ονομασία, στον φάκελο όπου έχει εγκατασταθεί το WordPress).

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

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

Υπάρχουν και άλλοι τρόποι για να ενεργοποιήσεις browser caching, αλλά θα τους αναφέρω όλους στο επόμενο άρθρο.