Υπέρτατη Βελτιστοποίηση Ταχύτητας WordPress: 2026 Πλήρης Τεχνικός Οδηγός

Δεκέμβριος 20, 2025

Ο ιστότοπος WordPress σας είναι αργός. Το ξέρετε εσείς, το ξέρουν οι επισκέπτες σας και, το χειρότερο απ’ όλα, το ξέρει η Google. Κάθε δευτερόλεπτο καθυστέρησης σάς κοστίζει μετατροπές, κατατάξεις και έσοδα. Τα καλά νέα; Τα περισσότερα ζητήματα απόδοσης προέρχονται από την ίδια μικρή ομάδα προβλημάτων και η επίλυσή τους δεν απαιτεί πτυχίο στην επιστήμη υπολογιστών.

Αυτός ο οδηγός καλύπτει τα πάντα που χρειάζεσαι για να μετατρέψεις ένα αργό WordPress site σε πραγματικό «δαίμονα» ταχύτητας. Μιλάμε για χρόνους φόρτωσης κάτω από 2 δευτερόλεπτα και βαθμολογίες 90+ στο PageSpeed. Χωρίς φλυαρία, χωρίς γενικές συμβουλές που έχεις διαβάσει εκατό φορές. Μόνο εφαρμόσιμες τεχνικές που αποδίδουν πραγματικά.

Ας διορθώσουμε τον ιστότοπό σας.

Κατανόηση του γιατί το WordPress γίνεται αργό

Πριν αρχίσετε να εγκαθιστάτε plugins για να λύσετε το πρόβλημα, πρέπει να καταλάβετε τι είναι αυτό που στην πραγματικότητα επιβραδύνει τα πάντα. Το ίδιο το WordPress είναι αρκετά αποδοτικό. Η καθυστέρηση προέρχεται από όλα όσα προσθέτουμε από πάνω του.

Οι συνήθεις ύποπτοι:

  • Μη βελτιστοποιημένες εικόνες που καταναλώνουν bandwidth (συχνά αποτελούν 50–70% του συνολικού βάρους της σελίδας)
  • Πάρα πολλά πρόσθετα που εκτελούν ερωτήματα στη βάση δεδομένων και φορτώνουν scripts
  • No caching forcing WordPress to rebuild pages from scratch every time
  • Ογκώδη θέματα με λειτουργίες που δεν θα χρησιμοποιήσεις ποτέ
  • Άχρηστα δεδομένα στη βάση από χρόνια αναθεωρήσεων, spam και εγκαταλειμμένα δεδομένα προσθηκών
  • Πόροι που μπλοκάρουν το rendering αναγκάζουν τα προγράμματα περιήγησης να περιμένουν πριν εμφανίσουν το περιεχόμενο

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

You need to address all the layers.

Μέτρηση της Τρέχουσας Απόδοσής σας

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

Όπως μπορείτε να δείτε, ως δημιουργοί θεμάτων ενδιαφερόμαστε για τη βελτιστοποίηση των προϊόντων μας. Παρακάτω θα βρείτε τα αποτελέσματα για το θέμα μας Listeo:

Τα εργαλεία δοκιμών που χρειάζεστε πραγματικά

  1. Google PageSpeed Insights (pagespeed.web.dev) σάς δίνει τα μετρικά που χρησιμοποιεί πραγματικά η Google για τις κατατάξεις. Η ενότητα “field data” δείχνει την πραγματική εμπειρία των χρηστών, ενώ η “lab data” δείχνει ελεγχόμενα αποτελέσματα δοκιμών. Και τα δύο έχουν σημασία.
  2. GTmetrix (gtmetrix.com) παρέχει αναλυτικά waterfall charts που δείχνουν ακριβώς τι φορτώνεται και πότε. Το δωρεάν επίπεδο είναι αρκετό για τις περισσότερες διαγνωστικές ανάγκες.
  3. WebPageTest (webpagetest.org) προσφέρει προηγμένες δοκιμές από πολλές τοποθεσίες, με προβολές τύπου filmstrip που δείχνουν πώς αποδίδεται η σελίδα σας καρέ-καρέ.
  4. Query Monitor είναι ένα WordPress plugin για εντοπισμό σφαλμάτων στο backend. Σας δείχνει ποια plugins εκτελούν αργές ερωτήσεις στη βάση δεδομένων, πόσες ερωτήσεις κάνει κάθε σελίδα και ποια scripts φορτώνονται και πού.
  5. Εργαλείο Σύγκρισης Hosting – Αυτό το πρόσθετο σάς δίνει τη δυνατότητα να αξιολογήσετε διεξοδικά τις επιδόσεις του WordPress hosting server σας με αναλυτικά, αντικειμενικά μετρήσιμα στοιχεία

Πώς να κάνετε σωστό έλεγχο

Εκτελέστε τουλάχιστον 3 δοκιμές ανά σελίδα και χρησιμοποιήστε το μεσαίο αποτέλεσμα. Τα δίκτυα διαφέρουν, οι διακομιστές έχουν καλές και κακές στιγμές και οι μεμονωμένες δοκιμές μπορεί να είναι παραπλανητικές.

Κάνε δοκιμές από τοποθεσίες όπου βρίσκονται πραγματικά οι χρήστες σου. Αν το κοινό σου είναι στη Γερμανία, οι δοκιμές από τη Βιρτζίνια δεν σου λένε πολλά.

Πάντα να ελέγχετε πρώτα την απόδοση σε κινητές συσκευές. Η Google χρησιμοποιεί mobile-first indexing και οι βαθμολογίες για κινητά είναι σχεδόν πάντα χειρότερες από τις επιτραπέζιες. Αν η βαθμολογία σας σε κινητά είναι καλή, η απόδοση σε desktop θα φροντίσει τον εαυτό της.

Καθάρισε όλες τις μνήμες cache ανάμεσα στα τεστ όταν κάνεις αλλαγές. Αυτό περιλαμβάνει τη μνήμη cache του WordPress, τη μνήμη cache του CDN και τη μνήμη cache του browser. Διαφορετικά, θα δοκιμάζεις παλιές εκδόσεις.

Δοκιμάστε πρώτα το hosting σας (Αυτό είναι κρίσιμο)

Υπάρχει μια αλήθεια που οι περισσότερες οδηγίες βελτιστοποίησης παραλείπουν: κανένα επίπεδο caching, συμπίεσης εικόνων ή πειράγματος του κώδικα δεν μπορεί να διορθώσει ένα αργό hosting. Αν ο server σου χρειάζεται 2 δευτερόλεπτα μόνο για να απαντήσει, τότε παλεύεις με το ένα χέρι δεμένο πίσω από την πλάτη.

Πριν αφιερώσετε ώρες σε βελτιστοποιήσεις, μετρήστε τις επιδόσεις του hosting σας. Πρέπει να ξέρετε αν το ανώτατο όριο απόδοσης περιορίζεται από τον ίδιο τον server.

Πρόσθετο για δοκιμή της απόδοσης hosting: https://wordpress.org/plugins/wpbenchmark/

Γιατί η Απόδοση του Hosting Μετράει Περισσότερο απ’ όσο Νομίζετε

Κάθε αίτημα σελίδας ξεκινά από τον διακομιστή σας. Ο browser ζητά μια σελίδα και ο διακομιστής σας πρέπει να:

  1. Λάβετε το αίτημα
  2. Εκτέλεση PHP
  3. Ερώτημα στη βάση δεδομένων
  4. Δημιουργήστε την απόκριση
  5. Στείλ’ το πίσω

Αυτό συμβαίνει πριν ενεργοποιηθεί οποιαδήποτε βελτιστοποίηση στο frontend. Ένας server που χρειάζεται 800ms για να κάνει αυτή τη δουλειά σημαίνει ότι η σελίδα σου δεν μπορεί ποτέ να φορτώσει γρηγορότερα από 800ms, τελεία. Αντίθετα, ένα ποιοτικό hosting ολοκληρώνει αυτό το στάδιο σε λιγότερο από 200ms.

Η διαφορά μεταξύ φθηνού shared hosting και σωστού WordPress hosting μπορεί να είναι 500-1500ms σε κάθε φόρτωση σελίδας. Αυτό δεν είναι κάτι που μπορείς να βελτιστοποιήσεις με plugins.

Πώς να αξιολογήσετε τις επιδόσεις του hosting σας

Χρησιμοποιήστε ένα Εργαλείο Hosting Benchmark για να μετρήσετε την πραγματική απόδοση του διακομιστή σας σε πολλά επιμέρους στοιχεία. Σε αντίθεση με τα απλά speed tests, ένα σωστό εργαλείο benchmark κάνει stress-test στα συγκεκριμένα στοιχεία από τα οποία εξαρτάται το WordPress:

  1. CPU & Μνήμη – Ελέγχει πόσο γρήγορα ο διακομιστής σας επεξεργάζεται δεδομένα. Αυτό επηρεάζει την ταχύτητα εκτέλεσης της PHP, που καθορίζει άμεσα πόσο γρήγορα το WordPress δημιουργεί σελίδες. Το εργαλείο εκτελεί λειτουργίες με μεγάλα κείμενα και τυχαία δυαδικά δεδομένα για να μετρήσει τη βασική υπολογιστική ισχύ.
  2. Σύστημα αρχείων – Δοκιμάζει τις ταχύτητες ανάγνωσης/εγγραφής στον δίσκο του διακομιστή σας. Το WordPress διαβάζει συνεχώς αρχεία θεμάτων, αρχεία προσθηκών και γράφει αρχεία cache. Αργό σύστημα αρχείων = αργά όλα. Οι υπο-δοκιμές περιλαμβάνουν δυνατότητα εγγραφής, ταχύτητα αντιγραφής αρχείων και λειτουργίες IO σε μικρά αρχεία.
  3. Βάση δεδομένων – Αυτό είναι εξαιρετικά σημαντικό για το WordPress. Το εργαλείο δοκιμάζει την εισαγωγή μεγάλων ποσοτήτων δεδομένων, απλά ερωτήματα σε μεμονωμένους πίνακες και σύνθετα ερωτήματα σε πολλαπλούς πίνακες. Αν τα αποτελέσματα των δοκιμών της βάσης δεδομένων είναι χαμηλά, κάθε φόρτωση σελίδας επηρεάζεται αρνητικά.
  4. Object Cache – Ελέγχει αν η μόνιμη προσωρινή αποθήκευση αντικειμένων (Redis/Memcached) είναι ενεργοποιημένη και πόσο γρήγορα αποδίδει. Οι υπο-δοκιμές μετρούν την ταχύτητα εγγραφής στην cache, την ταχύτητα ανάγνωσης και τις μικτές λειτουργίες ανάγνωσης/εγγραφής. Αν η object cache εμφανίζεται ως απενεργοποιημένη ή αργή, χάνετε μια σημαντική ευκαιρία βελτιστοποίησης.
  5. Δίκτυο – Ελέγχει την ταχύτητα λήψης από τον διακομιστή σας. Αυτό επηρεάζει πόσο γρήγορα ο διακομιστής σας μπορεί να ανακτά εξωτερικούς πόρους και πόσο γρήγορα μπορεί να στέλνει δεδομένα στους επισκέπτες.

Κατανόηση των βαθμολογιών αναφοράς σας

Το εργαλείο σάς δίνει τόσο τις ποσοστιαίες τιμές ανά κατηγορία (πόσα τεστ πέρασαν) όσο και τις μεμονωμένες βαθμολογίες δοκιμών σε κλίμακα έως 10. Η συνολική σας βαθμολογία διακομιστή συνδυάζει τα πάντα σε έναν ενιαίο αριθμό.

Ερμηνεία βαθμολογίας:

  • 8-10: Εξαιρετικά. Το hosting σου είναι στιβαρό.
  • 7-8: Καλό. Υπάρχει περιθώριο βελτίωσης, αλλά είναι λειτουργικό.
  • 6-7: Μέτρια. Το hosting σου σε κρατάει πίσω.
  • Below 6: Κακή. Σκεφτείτε σοβαρά να αλλάξετε πάροχο φιλοξενίας.

Δώστε ιδιαίτερη προσοχή σε αυτά τα αποτελέσματα:

Η απόδοση της βάσης δεδομένων είναι ό,τι πιο σημαντικό για το WordPress. Αν το “Complex database queries on multiple tables” βαθμολογείται κάτω από 5, ο ιστότοπός σας θα δυσκολευτεί με οτιδήποτε πέρα από βασικά blogs. Τα καταστήματα WooCommerce, οι ιστότοποι μελών και τα πολυσύχναστα blogs χρειάζονται ισχυρή απόδοση βάσης δεδομένων.

Η κατάσταση της object cache είναι κρίσιμη. Αν το “Persistent object cache enabled” εμφανίζει χαμηλή βαθμολογία ή δεν είναι διαθέσιμο, χάνετε ένα από τα μεγαλύτερα κέρδη σε απόδοση. Πολλοί οικονομικοί hosting providers δεν προσφέρουν καθόλου Redis ή Memcached.

Οι επιδόσεις του συστήματος αρχείων επηρεάζουν την προσωρινή αποθήκευση (caching). Τα πρόσθετα προσωρινής αποθήκευσης σελίδων γράφουν χιλιάδες μικρά αρχεία. Αν το “Small file IO test” έχει χαμηλή βαθμολογία, η cache σου θα είναι αργή τόσο στη δημιουργία όσο και στην εξυπηρέτηση σελίδων.

Τι Σημαίνουν τα Αποτελέσματά σας

Βαθμολογία διακομιστή 7+: Το hosting σου είναι αξιόπιστο. Προχώρησε με τις βελτιστοποιήσεις αυτού του οδηγού και θα δεις εξαιρετικά αποτελέσματα.

Βαθμολογία διακομιστή 6: Το hosting σου είναι επαρκές αλλά έχει αδύναμα σημεία. Έλεγξε ποιες κατηγορίες πήραν τη χαμηλότερη βαθμολογία. Αν είναι η βάση δεδομένων ή η object cache, αυτές οι συγκεκριμένες βελτιστοποιήσεις θα έχουν περιορισμένο αντίκτυπο μέχρι να αναβαθμίσεις hosting.

Βαθμολογία διακομιστή κάτω από 6: Το hosting σου είναι το πρόβλημα. Όσες ρυθμίσεις plugin κι αν κάνεις, δεν θα ξεπεράσεις μια εγγενώς αργή υποδομή. Πρέπει είτε να:

  • Αναβαθμίστε το πακέτο φιλοξενίας σας (shared → managed WordPress)
  • Μεταβείτε σε πάροχο φιλοξενίας βελτιστοποιημένο για WordPress
  • Μεταβείτε σε VPS με σωστή διαμόρφωση

Γρήγοροι έλεγχοι διακομιστή που μπορείτε να κάνετε τώρα

  • Ελέγξτε την έκδοση PHP (Πίνακας ελέγχου → Εργαλεία → Κατάσταση ιστότοπου → Πληροφορίες → Διακομιστής). Η χρήση της PHP 8.3+ είναι απαραίτητη. Η PHP 7.4 είναι σημαντικά πιο αργή και έχει φτάσει στο τέλος ζωής της.
  • Ελέγξτε τη διαθέσιμη μνήμη. Αν ο πάροχός σας περιορίζει τη μνήμη PHP σε 64MB ή 128MB, οι πολύπλοκες σελίδες θα δυσκολευτούν να φορτώσουν.
  • Ελέγξτε την τοποθεσία του server. Αν ο server σας βρίσκεται στις ΗΠΑ αλλά το κοινό σας είναι στην Ευρώπη, κάθε αίτημα διασχίζει τον Ατλαντικό. Ένα CDN βοηθά, αλλά η πιο κοντινή φιλοξενία είναι προτιμότερη.

Πότε να αλλάξετε hosting

Σκεφτείτε να αλλάξετε αν:

  • Το benchmark δείχνει σταθερό TTFB πάνω από 500ms
  • Η απόδοση διαφέρει δραματικά μεταξύ των δοκιμών (ασταθείς «γείτονες» σε shared hosting)
  • Ο πάροχός σας δεν υποστηρίζει PHP 8.x
  • Η προσωρινή αποθήκευση αντικειμένων Redis/Memcached δεν είναι διαθέσιμη
  • Η υποστήριξη δεν μπορεί να εξηγήσει γιατί ο ιστότοπός σας είναι αργός

Η διαφορά κόστους μεταξύ οικονομικού hosting (5$/μήνα) και ποιοτικού WordPress hosting (25-50$/μήνα) είναι ασήμαντη σε σύγκριση με τα κέρδη σε απόδοση. Μην χτίζετε έναν βελτιστοποιημένο για ταχύτητα ιστότοπο πάνω σε αργά θεμέλια.

Προσωρινή αποθήκευση (Caching): Η μεγαλύτερη μοναδική βελτίωση απόδοσης

If you do nothing else from this guide, set up proper caching. It’s the single most impactful optimization you can make.

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

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

Πρόσθετα προσωρινής αποθήκευσης σελίδων που αξίζει να χρησιμοποιήσετε

  1. WP Rocket ($59/έτος) είναι το χρυσό πρότυπο. Εφαρμόζει το 80% των βελτιστοποιήσεων αυτόματα με την ενεργοποίηση και προσφέρει την καλύτερη εμπειρία χρήσης. Αν το επιτρέπει το budget, αυτό προτείνω. Δείτε τις προτεινόμενες ρυθμίσεις μας για το WP Rocket
  2. LiteSpeed Cache (δωρεάν) είναι η καλύτερη δωρεάν επιλογή αν ο πάροχός σας χρησιμοποιεί LiteSpeed servers. Περιλαμβάνει δυνατότητες για τις οποίες άλλα δωρεάν πρόσθετα χρεώνουν.
  3. FlyingPress ($60/έτος) είναι μια πιο πρόσφατη εναλλακτική λύση με εξαιρετική βελτιστοποίηση για τα Core Web Vitals. Αξίζει να τη σκεφτείτε αν θέλετε κάτι πιο σύγχρονο.
  4. WP Super Cache (δωρεάν) είναι το επίσημο πρόσθετο cache της Automattic. Ελαφρύ και αξιόπιστο, αν και με λιγότερες δυνατότητες.
  5. W3 Total Cache (δωρεάν) είναι ισχυρό αλλά πολύπλοκο. Οι επιλογές ρυθμίσεων μπορεί να κατακλύσουν τους αρχάριους, αλλά στα κατάλληλα χέρια είναι εξαιρετικά ικανό.

Κρίσιμες Ρυθμίσεις Cache

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

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

Εξαιρέστε τις δυναμικές σελίδες από την προσωρινή αποθήκευση. Αυτό περιλαμβάνει:

  • /cart/*
  • /checkout/*
  • /my-account/*
  • Οποιαδήποτε σελίδα με περιεχόμενο προσαρμοσμένο στον χρήστη

Ρυθμίστε κατάλληλη διάρκεια λήξης της προσωρινής μνήμης (cache). Για τις περισσότερες ιστοσελίδες, οι 24 ώρες λειτουργούν καλά. Ιστοσελίδες ειδήσεων μπορεί να χρειάζονται μικρότερη διάρκεια, ενώ στατικές ιστοσελίδες μπορούν να έχουν μεγαλύτερη.

Enable Object Caching with Redis, Memcached, or Docket

Η προσωρινή αποθήκευση σελίδων διαχειρίζεται τα αιτήματα του frontend. Η προσωρινή αποθήκευση αντικειμένων (Object caching) διαχειρίζεται το backend αποθηκεύοντας τα αποτελέσματα των ερωτημάτων βάσης δεδομένων στη μνήμη.

Σκέψου το έτσι: ακόμη και με caching σελίδων, οι συνδεδεμένοι χρήστες, οι σελίδες διαχείρισης και το δυναμικό περιεχόμενο εξακολουθούν να χτυπούν συνεχώς τη βάση δεδομένων. Το object caching σημαίνει ότι το WordPress ελέγχει πρώτα τη μνήμη (μικροδευτερόλεπτα) πριν χτυπήσει το MySQL (χιλιοστά του δευτερολέπτου).

Να πού είναι το ζήτημα: Δεν μπορείς απλώς να ενεργοποιήσεις μόνος σου το Redis ή το Memcached· ο πάροχος φιλοξενίας σου πρέπει να το υποστηρίζει σε επίπεδο server. Έλεγξε το control panel της φιλοξενίας σου ή επικοινώνησε με την υποστήριξη για να δεις αν η αποθήκευση αντικειμένων (object caching) είναι διαθέσιμη στο πακέτο σου. Πολλές shared φιλοξενίες δεν την προσφέρουν, ενώ οι managed WordPress hosts και οι VPS πάροχοι συνήθως την υποστηρίζουν.

Μόλις επιβεβαιώσετε ότι ο πάροχός σας το υποστηρίζει:

  • Για LiteSpeed servers: το πρόσθετο LiteSpeed Cache περιλαμβάνει ενσωματωμένη προσωρινή αποθήκευση αντικειμένων
  • Για το Redis: εγκαταστήστε το πρόσθετο Redis Object Cache
  • Για το Memcached: Χρησιμοποίησε το W3 Total Cache ή παρόμοιο πρόσθετο με υποστήριξη Memcached

Δεν έχετε διαθέσιμο Redis ή Memcached; Δοκιμάστε το Docket Cache. Είναι ένα file-based object cache που λειτουργεί σε οποιοδήποτε hosting χωρίς απαιτήσεις σε επίπεδο server. Δεν θα φτάσει την απόδοση του Redis, αλλά είναι σημαντικά καλύτερο από το καθόλου object caching και δεν απαιτεί καμία ρύθμιση στον server.

Βελτιστοποίηση Εικόνων: Μείωση του Βάρους της Σελίδας στο Μισό

Οι εικόνες είναι συνήθως τα πιο «βαριά» στοιχεία σε κάθε σελίδα. Μία και μόνο μη βελτιστοποιημένη hero εικόνα μπορεί να ζυγίζει περισσότερο από όλο το HTML, CSS και JavaScript μαζί.

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

Συμπίεση: Με απώλειες vs Χωρίς απώλειες

Η απωλεστική συμπίεση αφαιρεί οριστικά μέρος των δεδομένων της εικόνας. Σε επίπεδα ποιότητας 60-90%, η οπτική διαφορά είναι ανεπαίσθητη για τον ανθρώπινο οφθαλμό, αλλά τα μεγέθη των αρχείων μειώνονται κατά 40-70%.

Συμπίεση χωρίς απώλειες διατηρεί όλα τα δεδομένα της εικόνας αλλά βελτιστοποιεί τον τρόπο αποθήκευσής τους. Μικρότερα κέρδη (10–30%) αλλά χωρίς καμία απολύτως απώλεια ποιότητας.

Για φωτογραφίες και τις περισσότερες εικόνες στον ιστό, η συμπίεση με απώλειες σε ποιότητα 80–85% είναι το ιδανικό σημείο.

Πρόσθετα Βελτιστοποίησης Εικόνων

  1. ShortPixel (4,99 $/μήνα για 5.000 εικόνες) διαπρέπει στη συμπίεση PNG και προσφέρει τη συνολικά καλύτερη ποιότητα. Περιλαμβάνει δωρεάν CDN.
  2. Imagify ($4,99/μήνα για 10.000 εικόνες) λειτουργεί άψογα με το WP Rocket και παράγει εξαιρετικά αποτελέσματα σε JPG.
  3. Το EWWW Image Optimizer προσφέρει δωρεάν τοπική βελτιστοποίηση (πιο αργή, χρησιμοποιεί τους πόρους του διακομιστή σας) ή οικονομική επεξεργασία στο cloud ($0.003/εικόνα).
  4. Το Optimole ακολουθεί μια διαφορετική προσέγγιση με βελτιστοποίηση σε πραγματικό χρόνο και ενσωματωμένο CDN. Δωρεάν για ιστοσελίδες με λιγότερους από 5.000 επισκέπτες/μήνα.

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

Lazy Loading με τον Σωστό Τρόπο

Η τεμπέλικη φόρτωση (lazy loading) καθυστερεί τη λήψη εικόνων μέχρι οι χρήστες να κάνουν scroll κοντά σε αυτές. Αυτό εξοικονομεί bandwidth και επιταχύνει την αρχική φόρτωση της σελίδας, αλλά υπάρχει μια παγίδα: το lazy loading της hero εικόνας καταστρέφει το LCP score σας. Το στοιχείο Largest Contentful Paint πρέπει να φορτώνει άμεσα, χωρίς να περιμένει το scroll.

Τα καλά πρόσθετα βελτιστοποίησης το διαχειρίζονται αυτό αυτόματα.

  1. WP Rocket εντοπίζει τις εικόνες πάνω από το ορατό τμήμα της σελίδας και τις εξαιρεί από το lazy loading. Μπορείτε επίσης να εξαιρέσετε χειροκίνητα συγκεκριμένες εικόνες με βάση την κλάση CSS ή το όνομα αρχείου στις Ρυθμίσεις → WP Rocket → Media.
  2. Το Perfmatters σάς επιτρέπει να εξαιρείτε εικόνες με βάση το URL, την κλάση ή να ορίσετε έναν αριθμό εικόνων προς παράλειψη (π.χ. «παράλειψη των 3 πρώτων εικόνων»).
  3. Το FlyingPress διαθέτει αυτόματο εντοπισμό εικόνας LCP. Εντοπίζει το στοιχείο LCP σας και το εξαιρεί από το lazy loading χωρίς καμία ρύθμιση.
  4. LiteSpeed Cache includes an “Exclude LCP Image” option that does exactly what it says.

Αν η εικόνα LCP εξακολουθεί να φορτώνεται με lazy load (το PageSpeed Insights θα σε προειδοποιήσει γι’ αυτό), αναζήτησε μια επιλογή “Exclude from lazy load” στο plugin caching που χρησιμοποιείς και πρόσθεσε το όνομα αρχείου ή την CSS class της hero εικόνας σου.

Βελτιστοποίηση Βάσης Δεδομένων: Καθαρίζοντας Χρόνια Συσσωρευμένου Όγκου

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

Χρησιμοποιήστε ένα πρόσθετο καθαρισμού βάσης δεδομένων

Μην πειράζετε χειροκίνητα τα ερωτήματα SQL όταν τα πρόσθετα το χειρίζονται με ασφάλεια και αυτόματα.

WP-Optimize (δωρεάν) είναι η πιο δημοφιλής επιλογή. Καθαρίζει:

  • Αναθεωρήσεις δημοσιεύσεων
  • Αυτόματα προσχέδια
  • Διεγραμμένες δημοσιεύσεις
  • Ανεπιθύμητα και διαγραμμένα σχόλια
  • Ληγμένες μεταβατικές εγγραφές
  • Ορφανικά postmeta

Μπορείτε να εκτελείτε τις εκκαθαρίσεις χειροκίνητα ή να τις προγραμματίζετε εβδομαδιαία/μηνιαία. Επίσης βελτιστοποιεί τους πίνακες της βάσης δεδομένων με ένα κλικ.

WP-Sweep (δωρεάν) είναι μια πιο ελαφριά εναλλακτική που εστιάζει αποκλειστικά στον καθαρισμό χωρίς επιπλέον λειτουργίες. Καλή επιλογή αν θέλετε κάτι μινιμαλιστικό.

Advanced Database Cleaner (δωρεάν με την pro έκδοση) προσφέρει τον πιο λεπτομερή έλεγχο. Εντοπίζει ορφανά tables από διαγραμμένα plugins και σου επιτρέπει να δεις ακριβώς τι πρόκειται να αφαιρεθεί πριν τη διαγραφή.

Set your plugin to run automatically:

  • Εβδομαδιαία: Διαγράψτε σχόλια spam, ληγμένα transients, στοιχεία στον κάδο
  • Μηνιαία: Αφαίρεση παλιών αναθεωρήσεων, βελτιστοποίηση πινάκων

Περιορίστε τις αναθεωρήσεις από εδώ και στο εξής

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

Το Perfmatters διαθέτει ρύθμιση “Limit Post Revisions”, όπου μπορείτε να ορίσετε έναν αριθμό (5 είναι λογικός) ή να τις απενεργοποιήσετε πλήρως.

Αν προτιμάτε να μην χρησιμοποιήσετε κάποιο πρόσθετο για αυτό, προσθέστε στο wp-config.php:

define('WP_POST_REVISIONS', 5);

Έλεγχος Autoloaded Δεδομένων (Για προχωρημένους)

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

Εκτελέστε αυτό στο phpMyAdmin ή στο εργαλείο διαχείρισης της βάσης δεδομένων σας:

sql

SELECT SUM(LENGTH(option_value)) / 1024 / 1024 AS autoload_mb 
FROM wp_options 
WHERE autoload='yes';

Υγιές: κάτω από 800KB. Προβληματικό: πάνω από 1MB. Κρίσιμο: πάνω από 2MB.

Βρείτε τους υπαίτιους:

sql

SELECT option_name, LENGTH(option_value) / 1024 AS size_kb 
FROM wp_options 
WHERE autoload='yes' 
ORDER BY LENGTH(option_value) DESC 
LIMIT 20;

Συνηθισμένοι ένοχοι περιλαμβάνουν παλιούς κανόνες ανακατεύθυνσης, εγκαταλελειμμένες ρυθμίσεις προσθηκών και φουσκωμένες επιλογές θέματος. Το Advanced Database Cleaner Pro μπορεί να εντοπίσει και να διορθώσει προβλήματα autoload μέσω του περιβάλλοντος εργασίας του, αν προτιμάτε να μην αγγίξετε SQL.

Απενεργοποίηση Περιττών Λειτουργιών του WordPress

Το WordPress φορτώνει προεπιλεγμένα πολλές δυνατότητες που πολλά sites δεν χρειάζονται. Καθεμία προσθέτει JavaScript, CSS ή επιπλέον φόρτο επεξεργασίας.

Ο εύκολος τρόπος: Χρησιμοποιήστε το Perfmatters

Perfmatters ($24,95/έτος) είναι σχεδιασμένο ακριβώς για αυτό. Ένα plugin, απλοί διακόπτες, τέλος.

Καρτέλα Script Manager:

  • Disable emojis
  • Disable embeds (oEmbed)
  • Disable XML-RPC
  • Disable RSS feeds
  • Disable REST API links
  • Remove jQuery Migrate
  • Remove dashicons for logged-out users

Extras tab:

  • Heartbeat control (disable, or reduce frequency)
  • Limit post revisions
  • Disable self-pingbacks
  • Remove shortlink
  • Remove RSD link
  • Disable Google Maps API
  • Disable password strength meter

Εσύ απλώς τσεκάρεις κουτάκια, αποθηκεύεις, τέλος. Χωρίς κώδικα, χωρίς functions.php, χωρίς ρίσκο να χαλάσεις κάτι.

Εναλλακτική λύση: Ελέγξτε πρώτα το πρόσθετο caching σας

Πριν αγοράσετε ένα ακόμη plugin, ελέγξτε τι ήδη προσφέρει το caching plugin σας:

Το WP Rocket (Settings → Media → Embeds) σάς επιτρέπει να απενεργοποιήσετε τα embeds.

LiteSpeed Cache (Page Optimization → Tuning) διαθέτει επιλογές για αφαίρεση query strings, βελτιστοποίηση Google Fonts και έλεγχο heartbeat.

Το FlyingPress περιλαμβάνει επιλογές για απενεργοποίηση των emojis, κατάργηση του μη χρησιμοποιούμενου CSS και καθυστέρηση της εκτέλεσης JavaScript.

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

Δωρεάν Εναλλακτική: Code Snippets

Αν δεν θέλετε να αγοράσετε το Perfmatters και το πρόσθετο caching που χρησιμοποιείτε δεν καλύπτει όσα χρειάζεστε, χρησιμοποιήστε το δωρεάν πρόσθετο Code Snippets για να προσθέσετε μικρές PHP συναρτήσεις χωρίς να πειράξετε τα αρχεία του θέματος σας.

Απενεργοποίηση του Heartbeat (ή επιβράδυνσή του):

php

add_filter('heartbeat_settings', function($settings) {
    $settings['interval'] = 60; // Slow to 60 seconds instead of 15
    return $settings;
});

Disable Emojis:

php

remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');

Disable XML-RPC (via .htaccess is more secure):

apache

<Files xmlrpc.php>
    Order Deny,Allow
    Deny from all
</Files>

Αλλά ειλικρινά, το Perfmatters με $25/χρόνο αξίζει τα λεφτά του μόνο και μόνο για την ευκολία και τη σιγουριά ότι όλα γίνονται σωστά.

Έλεγχος προσθηκών: Εντοπισμός των δολοφόνων απόδοσης

Τα plugins είναι ο μεγαλύτερος αστάθμητος παράγοντας στις επιδόσεις του WordPress. Ένα κακογραμμένο plugin μπορεί να προσθέσει εκατοντάδες millisecond σε κάθε φόρτωση σελίδας.

Εντοπισμός Αργών Πρόσθετων με το Query Monitor

Το Query Monitor (δωρεάν) είναι απαραίτητο για τη διάγνωση προβλημάτων απόδοσης προσθηκών. Εγκαταστήστε το προσωρινά, περιηγηθείτε στον ιστότοπό σας και ελέγξτε:

Ερωτήματα ανά Στοιχείο: Εμφανίζει τα ερωτήματα της βάσης δεδομένων ανά πρόσθετο. Εντοπίστε πρόσθετα που εκτελούν 50+ ερωτήματα ή μεμονωμένα ερωτήματα που διαρκούν πάνω από 0,01 δευτερόλεπτα.

Scripts και Styles: Εμφανίζει ποια plugins φορτώνουν JavaScript και CSS και σε ποιες σελίδες. Αυτό αποκαλύπτει plugins που φορτώνουν αρχεία σε ολόκληρο τον ιστότοπο, ενώ χρειάζονται μόνο σε συγκεκριμένες σελίδες.

Συνήθεις Κατηγορίες Πρόσθετων με Βαριά Επίδοση

Ορισμένοι τύποι προσθηκών είναι διαβόητοι για προβλήματα απόδοσης:

  1. Οι page builders (Elementor, Divi, WPBakery) προσθέτουν σημαντικό φορτίο. Είναι βολικοί, αλλά έχουν το τίμημά τους.
  2. Τα plugins κοινοποίησης στα social συχνά φορτώνουν scripts από πολλαπλές υπηρεσίες τρίτων.
  3. Τα plugins στατιστικών που παρακολουθούν τα πάντα σφυροκοπούν τη βάση δεδομένων με εγγραφές.
  4. Τα sliders και τα carousels φορτώνουν βαριές βιβλιοθήκες JavaScript.
  5. Τα πρόσθετα τύπου “All-in-one” προσπαθούν να κάνουν τα πάντα, φορτώνοντας συστατικά που μπορεί να μην χρειάζεστε.

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

Προϋποθετική Φόρτωση Προσθηκών

Πολλά plugins φορτώνουν τα CSS και JavaScript τους σε κάθε σελίδα, ακόμα κι όταν δεν χρειάζονται. Το Contact Form 7 να φορτώνει στην αρχική σας σελίδα. Τα WooCommerce scripts σε άρθρα του blog. Lightboxes γκαλεριών σε σελίδες χωρίς γκαλερί.

Asset CleanUp (δωρεάν) σαρώνει κάθε σελίδα και εμφανίζει κάθε αρχείο CSS/JS που φορτώνεται. Μπορείτε να απενεργοποιήσετε συγκεκριμένα αρχεία ανά σελίδα, τύπο δημοσίευσης ή σε όλο τον ιστότοπο.

Το Perfmatters Script Manager κάνει το ίδιο πράγμα με ένα πιο καθαρό περιβάλλον εργασίας. Μπορείτε να δείτε όλα τα scripts και τα stylesheets και να τα απενεργοποιήσετε με διακόπτες.

Παράδειγμα εξοικονόμησης:

  • Απενεργοποιήστε το Contact Form 7 παντού εκτός από τη σελίδα Επικοινωνίας σας
  • Απενεργοποιήστε τα scripts του WooCommerce σε σελίδες εκτός καταστήματος
  • Disable slider scripts on pages without sliders
  • Απενεργοποιήστε τα scripts σχολίων σε σελίδες όπου τα σχόλια είναι απενεργοποιημένα

Αυτό από μόνο του μπορεί να εξαλείψει 10-20 αιτήματα HTTP ανά σελίδα σε υπερφορτωμένα sites.

Βελτιστοποίηση JavaScript

Το JavaScript που εμποδίζει το rendering είναι ένα από τα πιο συνηθισμένα προβλήματα απόδοσης. Η λύση είναι η αναβολή ή η καθυστέρηση των scripts ώστε να μην μπλοκάρουν το rendering της σελίδας.

Το πρόσθετο προσωρινής αποθήκευσης το αναλαμβάνει αυτό. Αναζητήστε αυτές τις ρυθμίσεις:

  1. WP Rocket: File Optimization → JavaScript Files → “Load JavaScript deferred” and “Delay JavaScript execution”
  2. FlyingPress: JavaScript → “Defer JavaScript” και “Delay JavaScript”
  3. LiteSpeed Cache: Page Optimization → JS Settings → “Load JS Deferred”
  4. Perfmatters: Assets → “Defer JavaScript” και “Delay JavaScript”

Η καθυστέρηση JavaScript είναι ιδιαίτερα ισχυρή. Αποτρέπει την εκτέλεση των scripts μέχρι να υπάρξει αλληλεπίδραση χρήστη (κίνηση ποντικιού, scroll ή κλικ). Τα analytics, τα chat widgets και τα social scripts δεν χρειάζεται να εκτελεστούν μέχρι κάποιος να αλληλεπιδράσει πραγματικά με τη σελίδα.

Αν αντιμετωπίσετε προβλήματα μετά την ενεργοποίηση του defer: Ορισμένα θέματα και πρόσθετα έχουν κακογραμμένη JavaScript που χαλάει όταν γίνεται deferred. Το πρόσθετό σας θα έχει ένα πεδίο εξαίρεσης όπου μπορείτε να δηλώσετε συγκεκριμένα scripts ώστε να συνεχίσουν να φορτώνουν κανονικά. Το jQuery είναι το πιο συνηθισμένο που χρειάζεται εξαίρεση.

CSS Optimization

Το Critical CSS εξάγει τα στυλ που χρειάζονται για το περιεχόμενο πάνω από το δίπλωμα και τα ενσωματώνει inline. Τα υπόλοιπα φορτώνονται χωρίς να μπλοκάρουν το rendering.

  • WP Rocket: File Optimization → CSS Files → “Optimize CSS delivery” (generates critical CSS automatically)
  • FlyingPress: CSS → “Generate Critical CSS”
  • Perfmatters: CSS → “Remove Unused CSS” (generates used CSS per page)
  • LiteSpeed Cache: Page Optimization → CSS Settings → “Generate Critical CSS”

Η αφαίρεση αχρησιμοποίητου CSS (Remove Unused CSS) πηγαίνει ένα βήμα παραπέρα. Αντί απλώς να δίνει προτεραιότητα στο CSS πάνω από το πρώτο ορατό τμήμα της σελίδας, αναλύει κάθε σελίδα και δημιουργεί ένα ελάχιστο stylesheet που περιέχει μόνο το CSS που χρησιμοποιείται πραγματικά. Αυτό μπορεί να μειώσει το φορτίο CSS κατά 70-90% σε σελίδες που φορτώνουν διογκωμένα stylesheets από θέματα.

Ρύθμιση CDN: Ταχύτερη παγκόσμια παράδοση περιεχομένου

Ένα CDN (Content Delivery Network) αποθηκεύει προσωρινά το περιεχόμενό σας σε παγκόσμιους edge servers. Οι επισκέπτες κατεβάζουν τα αρχεία από την πλησιέστερη τοποθεσία αντί από τον αρχικό σας server.

Cloudflare: Η καλύτερη δωρεάν επιλογή

Το δωρεάν πακέτο της Cloudflare παρέχει:

  • Παγκόσμιο CDN με 300+ σημεία παρουσίας (edge locations)
  • Δωρεάν πιστοποιητικό SSL
  • Προστασία από DDoS
  • Βασικές βελτιστοποιήσεις (ελαχιστοποίηση, συμπίεση Brotli)

Cloudflare APO (5$/μήνα) κάνει cache ολόκληρες σελίδες WordPress στο edge, όχι μόνο στατικά αρχεία. Αυτή είναι η καλύτερη μεμονωμένη αναβάθμιση επιδόσεων για sites με γεωγραφικά κατανεμημένο κοινό.

Speed → Optimization:

  • Auto Minify: Enable for CSS, JS, HTML (or disable if your caching plugin handles this)
  • Brotli: Enable
  • Early Hints: Enable
  • Rocket Loader: Disable (conflicts with most caching plugins)

Caching:

  • Caching Level: Standard
  • Browser Cache TTL: Respect Existing Headers
  • Tiered Cache: Enable

Network:

  • HTTP/3: Enable

Εναλλακτικά CDN

BunnyCDN (ξεκινά από $0.01/GB) προσφέρει εξαιρετική αξία με 119+ PoPs. Χρησιμοποιήστε το με το πρόσθετο BunnyCDN ή το CDN Enabler για εύκολη ενσωμάτωση με το WordPress.

KeyCDN (ελάχιστο $0,04/GB) προσφέρει αναλύσεις σε πραγματικό χρόνο και απλή ρύθμιση.

Αν χρησιμοποιείτε ήδη το WP Rocket, αυτό περιλαμβάνει το RocketCDN ($8.99/μήνα), το οποίο βασίζεται στο StackPath και ενσωματώνεται απρόσκοπτα.

Βελτιστοποιήσεις από την πλευρά του διακομιστή

Ορισμένες βελτιστοποιήσεις γίνονται σε επίπεδο διακομιστή, έξω από το WordPress.

PHP Version

PHP 8.2 ή 8.3 προσφέρει βελτίωση απόδοσης πάνω από 30% σε σύγκριση με την PHP 7.4. Ελέγξτε την έκδοσή σας στο Πίνακας Ελέγχου → Εργαλεία → Κατάσταση ιστότοπου → Πληροφορίες → Διακομιστής.

Η αναβάθμιση είναι δωρεάν απόδοση. Οι περισσότεροι hosting providers σάς επιτρέπουν να αλλάξετε την έκδοση της PHP μέσα από το control panel του hosting σας. Απλώς βεβαιωθείτε πρώτα ότι τα plugins σας είναι συμβατά (σχεδόν σίγουρα είναι πλέον).

GZIP and Brotli Compression

Η συμπίεση μειώνει τα μεγέθη των αρχείων κειμένου κατά 70-90%.

Καλά νέα: Το πρόσθετο caching που χρησιμοποιείτε πιθανότατα το διαχειρίζεται ήδη αυτό.

Το WP Rocket ενεργοποιεί αυτόματα το GZIP. Το LiteSpeed Cache σε διακομιστές LiteSpeed το χειρίζεται. Οι περισσότεροι managed WordPress hosts ενεργοποιούν τη συμπίεση σε επίπεδο διακομιστή.

Για να επιβεβαιώσετε ότι η συμπίεση λειτουργεί, περάστε την ιστοσελίδα σας από το GTmetrix. Αν το GZIP/Brotli είναι ενεργοποιημένο, θα το δείτε στο Waterfall κάτω από τις κεφαλίδες Content-Encoding.

Αν η συμπίεση δεν είναι ενεργοποιημένη, πρόσθεσε αυτό στο .htaccess:

apache

<IfModule mod_deflate.c>
    AddOutputFilterByType DEFLATE text/html text/plain text/xml
    AddOutputFilterByType DEFLATE text/css text/javascript
    AddOutputFilterByType DEFLATE application/javascript application/json
    AddOutputFilterByType DEFLATE image/svg+xml
</IfModule>

Το Brotli παρέχει 20% καλύτερη συμπίεση από το GZIP. Το Cloudflare ενεργοποιεί το Brotli δωρεάν. Διαφορετικά, απαιτείται ρύθμιση σε επίπεδο διακομιστή.

PHP Memory Limits

Αν βλέπετε λευκές οθόνες ή σφάλματα timeout σε πολύπλοκες σελίδες, ίσως χρειάζεστε περισσότερη μνήμη. Προσθέστε στο wp-config.php:

php

define('WP_MEMORY_LIMIT', '256M');
define('WP_MAX_MEMORY_LIMIT', '512M');

Core Web Vitals: Οι μετρήσεις που ενδιαφέρουν την Google

Οι Βασικές Μετρήσεις Ιστού (Core Web Vitals) είναι μετρήσεις εμπειρίας χρήστη της Google που επηρεάζουν άμεσα τις κατατάξεις αναζήτησης:

  • LCP (Largest Contentful Paint): Πόσο γρήγορα φορτώνει το κύριο περιεχόμενο. Στόχος: ≤2,5 δευτερόλεπτα
  • CLS (Cumulative Layout Shift): Πόσο μετακινείται η διάταξη της σελίδας κατά τη φόρτωση. Στόχος: ≤0.1
  • INP (Interaction to Next Paint): Πόσο γρήγορα η σελίδα ανταποκρίνεται στην εισαγωγή του χρήστη. Στόχος: ≤200ms

Βελτιστοποίηση LCP

Το LCP μετρά πότε το μεγαλύτερο ορατό στοιχείο ολοκληρώνει τη φόρτωσή του. Συνήθως αυτό είναι η hero εικόνα σου, ένα video thumbnail ή ένα μεγάλο μπλοκ κειμένου.

Το πρόσθετο βελτιστοποίησης σας μπορεί να χειριστεί το LCP αυτόματα:

WP Rocket: Enable “Preload critical images” in the Media tab. WP Rocket automatically detects and preloads the LCP image.

FlyingPress: Has automatic LCP detection built-in. No configuration needed.

Perfmatters: Προσθέστε το URL της hero εικόνας σας στο πεδίο “Preload” ή χρησιμοποιήστε τη λειτουργία Critical Images.

Αν το PageSpeed εξακολουθεί να έχει παράπονα για το LCP, έλεγξε:

  • Η κεντρική σας εικόνα είναι πολύ μεγάλη; Συμπιέστε την.
  • Η hero εικόνα σας είναι lazy loaded; Εξαιρέστε την (αναλύεται στην ενότητα για το lazy loading).
  • Ο server σας είναι αργός; Κανένα plugin δεν διορθώνει το αργό hosting.

Διόρθωση CLS

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

Να ορίζετε πάντα τις διαστάσεις των εικόνων:

html

<img src="photo.jpg" width="800" height="600" alt="Description">

Το WordPress το διαχειρίζεται αυτό αυτόματα για τις εικόνες της Βιβλιοθήκης Πολυμέσων από την έκδοση 5.5.

Δεσμεύστε χώρο για δυναμικό περιεχόμενο:

css

/* Ad containers */
.ad-slot {
    min-height: 250px;
}

/* Embeds */
.video-container {
    aspect-ratio: 16 / 9;
}

Η φόρτωση γραμματοσειρών προκαλεί CLS. Αν το κείμενο ορατά αλλάζει διάταξη όταν φορτώνουν οι προσαρμοσμένες γραμματοσειρές, έχεις μια μετατόπιση διάταξης που σχετίζεται με γραμματοσειρές. Δες την ενότητα Βελτιστοποίησης Γραμματοσειρών.

Βελτίωση του INP

Το INP μετρά πόσο γρήγορα η σελίδα σας ανταποκρίνεται στις αλληλεπιδράσεις των χρηστών σε όλη τη διάρκεια ζωής της σελίδας.

Ενεργοποιήστε την επιλογή “Delay JavaScript” στο πρόσθετο caching που χρησιμοποιείτε. Αυτό αποτρέπει τα μη απαραίτητα scripts από το να μπλοκάρουν το main thread μέχρι να υπάρξει αλληλεπίδραση από τον χρήστη.

WP Rocket: “Delay JavaScript execution” in File Optimization

FlyingPress: “Delay JavaScript”

Flying Scripts (δωρεάν αυτόνομο πρόσθετο): Καθυστερεί την εκτέλεση των scripts μέχρι την αλληλεπίδραση του χρήστη

Το μεγάλο μέγεθος του DOM επηρεάζει επίσης αρνητικά το INP. Αν η σελίδα σας έχει χιλιάδες στοιχεία HTML (συνηθισμένο με page builders), οι αλληλεπιδράσεις θα φαίνονται αργές. Απλοποιήστε τις διατάξεις σας όπου είναι δυνατό.

Βελτιστοποίηση γραμματοσειρών

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

Αυτο-φιλοξενία των γραμματοσειρών Google

Η απευθείας χρήση των Google Fonts συνεπάγεται επιπλέον αναζητήσεις DNS και πιθανά θέματα συμμόρφωσης με τον GDPR.

Πρόσθετα που φιλοξενούν αυτόματα το περιεχόμενο τοπικά:

  1. OMGF (δωρεάν) – Σαρώνει τον ιστότοπό σας, κατεβάζει τα Google Fonts και τα φιλοξενεί τοπικά. Το ρυθμίζετε και το ξεχνάτε.
  2. WP Rocket – Καρτέλα Media → εναλλαγή «Φιλοξενία των Google Fonts τοπικά». Ένα κλικ.
  3. Perfmatters – Assets → εναλλαγή «Local Google Fonts».
  4. LiteSpeed Cache – Βελτιστοποίηση Σελίδας → Ρυθμίσεις → «Google Fonts Async»

Προφόρτωση Κρίσιμων Γραμματοσειρών

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

Το πρόσθετο βελτιστοποίησης που χρησιμοποιείτε πιθανότατα το διαχειρίζεται αυτό:

  • WP Rocket: Προφορτώνει αυτόματα τις γραμματοσειρές που χρησιμοποιούνται πάνω από το fold όταν ενεργοποιείτε την επιλογή “Optimize CSS delivery.”
  • Perfmatters: Προσθέστε τις διευθύνσεις URL γραμματοσειρών στο πεδίο Προφόρτωσης.
  • FlyingPress: Αυτόματη προφόρτωση γραμματοσειρών όταν είναι ενεργοποιημένο το κρίσιμο CSS.

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

html

<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin>

Μείωση αρχείων γραμματοσειρών

Κάθε πάχος και στυλ γραμματοσειράς είναι ένα ξεχωριστό αρχείο. Αναρωτηθείτε: χρησιμοποιείτε πραγματικά τα Regular, Medium, Semi-bold, Bold ΚΑΙ Italic;

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

Οι μεταβλητές γραμματοσειρές (variable fonts) συνδυάζουν όλα τα πάχη σε ένα μόνο αρχείο. Το Google Fonts σερβίρει μεταβλητές γραμματοσειρές από προεπιλογή όπου είναι διαθέσιμες. Ένα αρχείο αντί για πέντε.

Ρυθμίσεις Εμφάνισης Γραμματοσειράς

Χρησιμοποιήστε το font-display: swap για να εμφανίζεται άμεσα το εναλλακτικό κείμενο όσο φορτώνουν οι προσαρμοσμένες γραμματοσειρές (αποτρέπει το αόρατο κείμενο).

Χρησιμοποιήστε font-display: optional για τους καλύτερους βαθμούς CLS. Ο browser έχει ένα πολύ μικρό χρονικό περιθώριο για να χρησιμοποιήσει τη custom γραμματοσειρά· αν δεν φορτώσει εγκαίρως, η εναλλακτική γραμματοσειρά παραμένει μόνιμα. Καμία μετατόπιση διάταξης.

Οι περισσότερες προσθήκες γραμματοσειρών σάς επιτρέπουν να επιλέξετε αυτήν τη ρύθμιση. OMGF έχει ένα drop-down επιλογής font-display. Το Perfmatters σάς επιτρέπει να το ορίσετε ανά γραμματοσειρά.

Δείτε πώς συνήθως λειτουργεί μια καλά βελτιστοποιημένη ιστοσελίδα WordPress:

Αν το επιτρέπει ο προϋπολογισμός: WP Rocket + ShortPixel

Το WP Rocket ($59/έτος) αναλαμβάνει το 80% της βελτιστοποίησης ταχύτητας με ένα μόνο plugin:

  • Page caching
  • Browser caching
  • GZIP compression
  • JavaScript defer/delay
  • CSS optimization and critical CSS
  • Lazy loading with LCP protection
  • Database cleanup
  • Preloading and prefetching
  • Local Google Fonts

Για τις περισσότερες ιστοσελίδες, το WP Rocket από μόνο του είναι αρκετό. Δεν χρειάζεστε το Perfmatters επιπλέον, εκτός αν θέλετε τον Script Manager για πιο λεπτομερή έλεγχο.

ShortPixel (4,99 $/μήνα) ή Imagify (4,99 $/μήνα) για βελτιστοποίηση εικόνων. Το WP Rocket δεν το περιλαμβάνει αυτό.

Επιλογή με Χαμηλό Κόστος: Δωρεάν Plugins

Μπορείτε να πετύχετε παρόμοια αποτελέσματα με δωρεάν πρόσθετα, απλώς με περισσότερη ρύθμιση:

  • LiteSpeed Cache ή WP Super Cache (caching)
  • EWWW Image Optimizer (image optimization)
  • Asset CleanUp (script management)
  • OMGF (local Google Fonts)
  • Flying Pages (prefetching)
  • WP-Optimize (database cleanup)

Περισσότερα πρόσθετα για διαχείριση, αλλά μηδενικό κόστος.

For Debugging

Query Monitor (δωρεάν) – Εγκαταστήστε το προσωρινά για να διαγνώσετε προβλήματα. Αφαιρέστε το μετά.

Συνηθισμένα Λάθη που Πρέπει να Αποφύγετε

Χρήση πολλών προσθηκών caching ταυτόχρονα – Συγκρούονται μεταξύ τους. Διάλεξε μία και ρύθμισέ την σωστά.

Υπερ-βελτιστοποίηση – Ξοδεύεις ώρες για να κόψεις 50ms όταν δεν έχεις φροντίσει τα βασικά. Πρώτα οι παρεμβάσεις με τον μεγαλύτερο αντίκτυπο.

Παράβλεψη του mobile – Τα σκορ για desktop δεν έχουν σημασία αν 60% της επισκεψιμότητάς σου προέρχεται από κινητές συσκευές.

Μη δοκιμάζετε μετά τις αλλαγές – Κάθε βελτιστοποίηση μπορεί ενδεχομένως να χαλάσει κάτι. Κάντε εκτενείς δοκιμές.

Χρήση προσθέτων “βελτιστοποίησης” που προσθέτουν βάρος – Ορισμένα πρόσθετα που διαφημίζονται για την ταχύτητα στην πραγματικότητα επιβραδύνουν τα sites. Μετρήστε πριν και μετά.

Εμμονή με τα τέλεια σκορ – 95 έναντι 100 σπάνια έχει σημασία για τους χρήστες. Εστίασε στον πραγματικό χρόνο φόρτωσης και στην εμπειρία χρήστη.

Μη ελέγχετε πρώτα το hosting – Κανένα plugin δεν διορθώνει ουσιαστικά αργούς servers. Κάντε benchmark στο hosting σας πριν ξοδέψετε ώρες σε βελτιστοποίηση.

Purethemes