Core Web Vitals: Πώς η Ταχύτητα της Ιστοσελίδας Επηρεάζει το SEO σας
Ένα αργό site σας κοστίζει πελάτες κάθε μέρα, αθόρυβα. Δείτε τι ακριβώς μετράει η Google ως ταχύτητα, γιατί τα ελληνικά sites αποτυγχάνουν συστηματικά, και πώς θα κερδίσετε πίσω τα δευτερόλεπτα και τις θέσεις σας.
Με δυο λόγια
- Είναι επιβεβαιωμένο ranking factor. Τα LCP, INP και CLS μετράνε για το Google ranking σας από το 2021.
- Χάνετε τους μισούς επισκέπτες. Το 53% εγκαταλείπει σελίδα που αργεί πάνω από 3 δευτερόλεπτα να φορτώσει.
- Οι περισσότερες διορθώσεις είναι δωρεάν. Εικόνες, caching και plugins λύνουν το μεγαλύτερο μέρος, χωρίς να αγγίξετε τον σχεδιασμό.
Τι Είναι τα Core Web Vitals και Γιατί τα Μετράει η Google
Τα Core Web Vitals δεν είναι ένα τεχνικό σήμα που μόνο οι developers χρειάζεται να καταλαβαίνουν. Είναι το σημείο όπου η εμπειρία του χρήστη συναντά τον αλγόριθμο της Google, και επηρεάζει άμεσα τόσο τις θέσεις σας στις αναζητήσεις όσο και το ποσοστό των επισκεπτών που μετατρέπονται σε πελάτες.
Από Page Experience σε confirmed ranking factor
Η Google παρουσίασε τα Core Web Vitals το 2020 και τα έκανε επίσημο ranking factor τον Ιούνιο του 2021 με το Page Experience update. Δεν είναι το μόνο σήμα, αλλά σε αναζητήσεις με ανταγωνιστικά αποτελέσματα παρόμοιας ποιότητας περιεχομένου, η ταχύτητα και η εμπειρία χρήστη γέρνουν την πλάστιγγα προς το πιο γρήγορο και πιο σταθερό site.
Γιατί ασχολείται με αυτό η Google
Η Google θέλει να στέλνει τους χρήστες της σε σελίδες που λειτουργούν σωστά. Ένα site που φορτώνει αργά, που αναπηδά οπτικά κατά τη φόρτωση ή που δεν ανταποκρίνεται γρήγορα σε κλικ, στέλνει τους επισκέπτες πίσω στη σελίδα αποτελεσμάτων (φαινόμενο γνωστό ως pogo-sticking). Έτσι, η Google προτιμά να εμφανίζει υψηλότερα sites που δεν δημιουργούν αυτό το πρόβλημα.
Τι σημαίνει για τη δική σας ιστοσελίδα
Οι επιπτώσεις είναι δύο, διαφορετικού τύπου αλλά εξίσου άμεσες. Σε επίπεδο SEO, χαμηλά Core Web Vitals σημαίνουν δυσκολότερη άνοδο σε ανταγωνιστικά keywords. Σε εμπορικό επίπεδο, ακόμη και αν κατατάσσεστε ψηλά, χάνετε πάνω από τους μισούς επισκέπτες πριν προλάβουν να δουν το περιεχόμενο. Για το ευρύτερο πλαίσιο, δείτε τον οδηγό SEO για την ελληνική αγορά.
Το PageSpeed Insights δείχνει με μία ματιά πού στέκεστε σε LCP, INP και CLS.
Οι 3 Βασικές Μετρήσεις: LCP, INP και CLS
Όταν η Google αξιολογεί την εμπειρία φόρτωσης μιας σελίδας, βασίζεται σε τρεις συγκεκριμένες, μετρήσιμες τιμές. Καθεμία αντιπροσωπεύει διαφορετική πλευρά της εμπειρίας: πόσο γρήγορα βλέπει ο χρήστης κάτι ουσιαστικό, πόσο γρήγορα ανταποκρίνεται η σελίδα, και πόσο σταθερή είναι οπτικά.
LCP: πόσο γρήγορα φορτώνει το κύριο περιεχόμενο
Το LCP μετράει τον χρόνο μέχρι να ζωγραφιστεί στην οθόνη το μεγαλύτερο ορατό στοιχείο της σελίδας, συνήθως το hero image ή ο τίτλος H1. Είναι το σήμα «η σελίδα όντως φόρτωσε» από τη σκοπιά του χρήστη.
Αποτυγχάνει όταν υπάρχουν βαριά hero images χωρίς συμπίεση WebP, hero φορτωμένη με loading="lazy" ενώ πρέπει να είναι eager, ή slow shared hosting που χρειάζεται 1 και πλέον δευτερόλεπτο μόνο για Time to First Byte. Ένα eshop με 800KB hero JPEG μπορεί να έχει LCP πάνω από 4 δευτερόλεπτα. Με 80KB WebP και σωστό hosting, πέφτει κάτω από 2.
INP: πόσο γρήγορα ανταποκρίνεται η σελίδα
Το INP μετράει τον χρόνο από όταν ο χρήστης πατάει (κλικ, tap, πλήκτρο) μέχρι την επόμενη οπτική ανταπόκριση της σελίδας. Αντικατέστησε το παλαιότερο FID από τον Μάρτιο του 2024.
Αποτυγχάνει κυρίως λόγω βαριάς JavaScript από plugins (chat widgets, popups, analytics) και third-party scripts που μπλοκάρουν το main thread. Πρακτικός κανόνας: σε ένα τυπικό WordPress site αρκούν 8 με 12 plugins. Αν έχετε 30, το INP θα είναι σχεδόν πάντα κόκκινο.
CLS: πόσο σταθερή είναι οπτικά η σελίδα
Το CLS μετράει τη συνολική μετατόπιση layout κατά τη φόρτωση, δηλαδή πόσο «πηδάει» η σελίδα ενώ φορτώνει εικόνες, fonts ή ads.
Αποτυγχάνει με εικόνες χωρίς width και height, web fonts που αλλάζουν μέγεθος ξαφνικά, και banners που μπαίνουν μετά τη φόρτωση. Κλασική παγίδα: cookie banner στο πάνω μέρος που, μόλις φορτώσει, σπρώχνει όλο το περιεχόμενο κάτω και εκτοξεύει το CLS στο 0,3.
Χρειάζεστε και τα τρία στο πράσινο
Αν μόνο το LCP είναι καλό αλλά το INP και το CLS κόκκινα, το site σας θεωρείται ότι αποτυγχάνει συνολικά. Όλα ξεκινούν από τη σωστή κατασκευή ιστοσελίδας WordPress με σεβασμό στις performance αρχές.
Πώς να Μετρήσετε την Ταχύτητα Δωρεάν
Πριν βελτιώσετε οτιδήποτε, χρειάζεστε σαφή εικόνα της τρέχουσας κατάστασης. Η Google προσφέρει τρία δωρεάν εργαλεία που καλύπτουν κάθε γωνία: μία σελίδα, ολόκληρο το site, και in-browser debugging.
PageSpeed Insights
Στο pagespeed.web.dev, δωρεάν και χωρίς λογαριασμό. Επικολλάτε ένα URL και παίρνετε σκορ 0 με 100 και αναλυτικά LCP, INP, CLS για mobile και desktop. Δίνει field data από πραγματικούς χρήστες (αυτό μετράει για ranking) και lab data από προσομοίωση.
Google Search Console
Στο Experience και μετά Core Web Vitals. Σε αντίθεση με το PageSpeed Insights που μετράει μία σελίδα, εδώ βλέπετε ολόκληρο το site και ποιες ομάδες σελίδων μοιράζονται το ίδιο πρόβλημα, ώστε να διορθώνετε χονδρικά αντί για σελίδα προς σελίδα.
Chrome DevTools (Lighthouse)
Δεξί κλικ σε μια σελίδα, Επιθεώρηση, tab Lighthouse, Analyze page load. Δίνει αναλυτικές προτάσεις: ποιες εικόνες να συμπιέσετε, ποιο CSS να αφαιρέσετε, ποια JavaScript να φορτώσετε async. Είναι lab data, αλλά ιδανικό για debugging.
Πότε αξίζει να μετράτε:
- Πριν από οποιαδήποτε αλλαγή, για baseline μέτρηση.
- Μετά από αλλαγή theme, plugin ή hosting, ως regression check.
- Κάθε τρίμηνο ως routine, για σταδιακή υποβάθμιση από νέο περιεχόμενο ή plugins.
Τα Core Web Vitals δεν είναι μαγεία. Είναι μεθοδολογία.
Μια αρχή που αξίζει να κρατήσετε
Τα 5 Πιο Συνηθισμένα Προβλήματα σε Ελληνικά Sites
Από εκατοντάδες audits σε ελληνικά WordPress sites, τα ίδια πέντε προβλήματα επανέρχονται ξανά και ξανά, με τη σειρά που τα βλέπετε εδώ.
Ασυμπίεστες εικόνες από Media Library
Ο πιο συχνός παράγοντας: φωτογραφίες ανεβασμένες απευθείας από smartphone (3MB και πλέον, 4032×3024 pixels). Λύση: συμπίεση με Squoosh.app ή TinyPNG, μετατροπή σε WebP, και σωστές διαστάσεις. Δεν χρειάζεστε hero 4000px όταν το container είναι 1200px.
Βαριά Elementor themes με πολλά widgets
Κάθε widget φορτώνει το δικό του CSS και JavaScript πριν εμφανιστεί το περιεχόμενο. Λύση: Hello Elementor child theme, ενεργοποίηση των Improved CSS Loading και Improved Asset Loading στα Elementor Experiments, και αξιολόγηση κάθε widget.
Ανεπαρκές shared hosting
Hosting στα €3 τον μήνα που μοιράζεται με 200 sites ανεβάζει το TTFB σε 1,5 και πλέον δευτερόλεπτα μόνο για να αρχίσει η φόρτωση. Λύση: managed WordPress hosting (SiteGround, Kinsta, WP Engine) ή VPS με Cloudflare, με στόχο TTFB κάτω από 600ms.
Υπερβολικός αριθμός plugins
Είναι σύνηθες ένα site με 35 και πλέον plugins, καθένα από τα οποία φορτώνει assets παντού, ακόμα και όπου δεν χρησιμοποιείται. Λύση: audit, διατήρηση μόνο των ενεργών, και page-specific φόρτωση με Asset CleanUp ή Perfmatters.
Cookie banners που σπρώχνουν το layout
Banners που εμφανίζονται μετά τη φόρτωση και σπρώχνουν το hero κάτω, ρίχνοντας το CLS στο κόκκινο. Λύση: banner με fixed positioning ή προ-φορτωμένο placeholder ίδιου ύψους, ώστε ο χώρος να είναι ήδη δεσμευμένος.
Σε ένα σωστό project, η performance βελτιστοποίηση είναι ενσωματωμένη από την αρχή, όχι extra. Δείτε τι περιλαμβάνει στην πράξη ο οδηγός κόστους και διαδικασίας.
Πώς να τα Βελτιώσετε: Πρακτικά Βήματα
Η βελτίωση δουλεύει καλύτερα ως σταδιακή προσέγγιση: ξεκινάτε από τις γρήγορες νίκες και προχωράτε σε βαθύτερες παρεμβάσεις. Τέσσερις φάσεις με πραγματικό impact.
Quick wins · 1 με 2 ώρες
Συμπίεση εικόνων σε WebP ποιότητας 80 με το Squoosh.app (μια hero 800KB γίνεται 80KB χωρίς ορατή διαφορά). loading="lazy" σε όλες τις εικόνες κάτω από το fold, eager μόνο στην hero. Και width με height σε κάθε εικόνα, που εξαφανίζει το CLS.
Hosting και caching · μισή ημέρα
Μετάβαση από φθηνό shared σε managed WordPress hosting ρίχνει το TTFB από 1,5s σε 400ms. Full-page caching και CSS combine στο SG Optimizer ή WP Rocket: στο imagenwebpro.com αυτή η ρύθμιση μόνη της έβγαλε το mobile σκορ από 57 σε 81. Προσθέστε Cloudflare CDN για επιπλέον κέρδος.
JavaScript και plugins · 1 με 2 ημέρες
Audit και αφαίρεση όσων plugins δεν χρησιμοποιείτε ενεργά. Defer σε JavaScript που δεν χρειάζεται αμέσως, για άμεσο όφελος στο INP. Και αντικατάσταση heavy widgets όταν ένα animation 50KB JavaScript μπορεί να γίνει με 1KB CSS.
Image format και responsive · ongoing
Μαζική μετατροπή της Media Library σε WebP με ShortPixel, Imagify ή Smush, ώστε να σερβίρονται σε WebP ακόμα και παλιές εικόνες. Και responsive srcset, ώστε το mobile να κατεβάζει την 400px εκδοχή και όχι την desktop 1200px.
- Συμπίεση και WebP σε κάθε εικόνα
- Lazy load κάτω από το fold
- Managed hosting με caching
- Μέτρηση mobile πρώτα
- Εικόνες 4000px από κινητό
- 35 και πλέον plugins
- Βαριά widgets για απλά εφέ
- Φθηνό υπερφορτωμένο shared
Core Web Vitals και Mobile: Γιατί Μετράει Διπλά
Η εκδοχή που πραγματικά καθορίζει την τύχη σας στο Google δεν είναι αυτή που βλέπετε στο desktop του γραφείου. Είναι αυτή που βλέπει ο επισκέπτης στο κινητό του.
Από το 2023 η Google indexάρει σχεδόν αποκλειστικά την mobile εκδοχή της σελίδας, ακόμη και για desktop αναζητήσεις. Στο PageSpeed Insights το mobile σκορ είναι κατά κανόνα 20 με 30 πόντους χαμηλότερο από το desktop, για τρεις λόγους:
- Λιγότερη επεξεργαστική ισχύς από ένα laptop.
- Ασθενέστερη σύνδεση, 4G ή 5G αντί για fiber.
- Πιο μικρό viewport που απαιτεί διαφορετικό responsive layout.
Πρακτικός κανόνας: μετράτε πάντα mobile πρώτα και desktop δεύτερα. Ένα site με «86 desktop / 52 mobile» θεωρείται αργό από τη Google, παρά το ικανοποιητικό desktop νούμερο. Αν φτιάξετε το mobile, το desktop θα ακολουθήσει σχεδόν αυτόματα.
Συχνές Ερωτήσεις
Founder και Lead Developer, Imagen Web Pro
Χτίζω και βελτιστοποιώ WordPress sites από το 2017, με έμφαση στην τεχνική απόδοση. Στο δικό μου site, μια συστηματική παρέμβαση σε caching, εικόνες και CSS loading ανέβασε το mobile PageSpeed από 57 σε 81 και το desktop από 76 σε 91.
