Γιατί τα περισσότερα websites είναι αργά (και 3 διορθώσεις που καλύπτουν το 80%)
Η διάμεση web σελίδα το 2025 ήταν 2,5 megabytes και έκανε πάνω από 70 HTTP requests. Μια δεκαετία νωρίτερα τα νούμερα ήταν 1MB και 50. Η τάση δεν αφορά τα pixels ή τα HTTP requests καθαυτά — αφορά το ότι οι web σελίδες μεγαλώνουν πιο γρήγορα απ' όσο βελτιώνονται οι συνδέσεις.
Το περισσότερο από αυτό το βάρος προλαμβάνεται. Τα περισσότερα αργά sites έχουν τα ίδια τρία προβλήματα. Η διόρθωση παίρνει μία μέρα δουλειά για έναν ικανό web developer και βελτιώνει την αντιληπτή ταχύτητα 2–5 φορές. Τι να ψάξετε και πώς να το διορθώσετε.
Τα τρία προβλήματα
1. Εικόνες πολύ μεγάλες, σε παλιά formats
Το βάρος των εικόνων είναι ο μεγαλύτερος ένοχος μακράν, στο 90% των αργών sites. Οι λόγοι αθροίζονται:
- Το CMS σάς αφήνει να ανεβάσετε φωτογραφία πλάτους 4000px από το κινητό και τη σερβίρει αυτούσια σε οθόνη πλάτους 375px.
- Τα JPEG παραμένουν η προεπιλεγμένη μορφή, παρότι τα WebP και AVIF δίνουν 30–50% μικρότερα αρχεία στην ίδια ποιότητα.
- Οι εικόνες φορτώνονται άμεσα (eagerly) — κατεβαίνουν ακόμη κι όταν ο επισκέπτης δεν κάνει ποτέ scroll σε αυτές.
Η διόρθωση:
- Κάντε resize κάθε εικόνα ώστε να μην ξεπερνά τα ~1100px πλάτος. Αν μπορείτε να φτιάξετε per-image responsive sizes (
srcset/sizes), ακόμη καλύτερα. - Μετατρέψτε σε WebP (και AVIF αν θέλετε να είστε μοντέρνοι). Το WordPress 7 έρχεται με native conversion· για παλιότερα CMSes, build-time script ή plugin το χειρίζεται.
- Προσθέστε
loading="lazy"σε κάθε εικόνα κάτω από το fold. Ο browser δεν θα τις κατεβάσει μέχρι ο επισκέπτης να σκρολλάρει.
Μόνο αυτό τυπικά κατεβάζει μια σελίδα 3MB σε 800KB.
2. Render-blocking JavaScript και CSS
Κάθε <script> tag στο <head> εμποδίζει τον browser να εμφανίσει τη σελίδα μέχρι να κατεβεί και να τρέξει. Το ίδιο για stylesheets. Από προεπιλογή, τα περισσότερα CMS themes φορτώνουν 8–15 από αυτά. Η σελίδα παραμένει λευκή για δύο δευτερόλεπτα όσο κατεβαίνουν όλα.
Η διόρθωση:
- Μετακινήστε JS στο τέλος του body, ή προσθέστε
defer/asyncattributes για να μην κάνουν block. - Βάλτε inline το critical CSS (τα styles που χρειάζονται για το ορατό μέρος της σελίδας) και φορτώστε τα υπόλοιπα async.
- Ελέγξτε ποια scripts φορτώνονται. Τα μισά συνήθως δεν χρησιμοποιούνται (παλιά analytics, εγκαταλειμμένα plugins, αχρησιμοποίητοι trackers). Αφαιρέστε ό,τι δεν χρησιμοποιείται.
Αυτό φέρνει το First Contentful Paint από 2–4 δευτερόλεπτα σε κάτω από 1.
3. Όχι caching, όχι CDN
Κάθε request σε CMS-driven site πυροδοτεί database query, τρέχει PHP, και παράγει HTML από την αρχή. Σε δημοφιλή σελίδα αυτό είναι σπατάλη — το HTML είναι ταυτόσημο για κάθε επισκέπτη.
Η διόρθωση:
- Ενεργοποιήστε page caching. Ένα WordPress plugin (WP Rocket, W3 Total Cache) το κάνει με δύο κλικ. Οι static-site generators το κάνουν εξ ορισμού. Όπως και να 'χει: σερβίρετε cached HTML, όχι re-generated HTML.
- Χρησιμοποιήστε CDN — το δωρεάν tier του Cloudflare καλύπτει τα περισσότερα μικρά sites και σερβίρει τα static assets σας από servers φυσικά κοντά στους επισκέπτες σας. Ο χρήστης στη Θεσσαλονίκη παίρνει το CSS σας από ελληνικό data centre, όχι από τον origin server σας στη Γερμανία.
- Ρυθμίστε long cache headers στα static assets σας (εικόνες, CSS, JS) ώστε ο browser του επισκέπτη να μην τα ξανακατεβάζει σε κάθε page view.
Αυτό κάνει τις επόμενες επισκέψεις να μοιάζουν στιγμιαίες.
Πώς να μετρήσετε πού στέκεστε
Πριν αρχίσετε να αλλάζετε πράγματα, πάρτε ένα baseline μέτρημα. Τρία δωρεάν εργαλεία καλύπτουν τα πάντα:
- PageSpeed Insights — εργαλείο της Google. Σας λέει Core Web Vitals (LCP, INP, CLS) για mobile και desktop. Στοχεύστε σε πράσινο και στα τρία.
- WebPageTest — πιο αναλυτικό από το PSI. Τρέξτε από Αθήνα για ρεαλιστικά αποτελέσματα για Έλληνες επισκέπτες.
- Browser DevTools, Network tab — σας δείχνει το πραγματικό μέγεθος κάθε asset που φορτώθηκε και πόσο πήρε το καθένα.
Test πριν, διορθώστε τα τρία προβλήματα παραπάνω, test μετά. Τα νούμερα θα σας πουν αν χρειάζεται περισσότερη δουλειά.
Πότε να ζητήσετε βοήθεια
Αν έχετε CMS site και δεν θέλετε να ασχοληθείτε μόνοι σας με theme files ή plugins βελτιστοποίησης, εκεί ακριβώς αξίζει ένας web developer. Μία μέρα στοχευμένης δουλειάς πάνω στην απόδοση τυπικά αποδίδει:
- 30–50% γρηγορότερο Largest Contentful Paint.
- Χαμηλότερο bounce rate (τα γρήγορα sites κρατούν τους επισκέπτες).
- Καλύτερες θέσεις Google (τα Core Web Vitals είναι ranking signal).
- Χαμηλότερο hosting load (cached HTML σημαίνει λιγότερη PHP δουλειά).
Η υπηρεσία web development της kapaweb περιλαμβάνει performance audits και διορθώσεις — proposal-first, hourly-billed, διαφανές. Αν το site σας είναι αργό, ζητήστε το audit πριν δεσμευτείτε σε redesign — το redesign συχνά δεν είναι αυτό που χρειάζεστε.
