Οι βαριές εικόνες, τα περιττά πρόσθετα και το φθηνό hosting φταίνε για το 90% των αργών site. Μέτρησέ το δωρεάν, διόρθωσε με τη σειρά, και ξαναμέτρησε.
Κάθε δευτερόλεπτο αναμονής είναι ένας επισκέπτης που φεύγει. Στο κινητό, όπου ανοίγουν τα περισσότερα site, ο μέσος χρήστης δίνει περίπου 3 δευτερόλεπτα πριν πατήσει «πίσω». Πριν ψάξεις για ακριβές λύσεις, έλεγξε αυτά τα τρία.
01Εικόνες χωρίς συμπίεση
Η πιο συχνή αιτία. Μια φωτογραφία κατευθείαν από το κινητό ζυγίζει 3–5 MB. Δέκα τέτοιες σε μία σελίδα, και το site «κατεβάζει» 40 MB πριν δείξει οτιδήποτε.
- Ανέβαζε εικόνες στο πλάτος που χρειάζεται η σελίδα, όχι το πρωτότυπο. Για ένα hero φτάνουν 1600–2000 px, για κάρτες 800 px.
- Χρησιμοποίησε WebP αντί για JPEG ή PNG. Ίδια ποιότητα, 25–35% μικρότερο αρχείο. Τα περισσότερα συστήματα διαχείρισης το κάνουν αυτόματα.
- Ενεργοποίησε lazy loading, ώστε οι εικόνες κάτω από την οθόνη να φορτώνουν μόνο όταν ο χρήστης κάνει scroll.
02Πρόσθετα που δεν χρειάζεσαι
Κάθε πρόσθετο φορτώνει δικό του κώδικα, συχνά σε κάθε σελίδα, ακόμα κι αν χρησιμοποιείται σε μία. Έχουμε δει site με 40 πρόσθετα όπου τα 25 δεν έκαναν τίποτα.
- Πέρνα τη λίστα μία φορά τον χρόνο. Ό,τι δεν θυμάσαι τι κάνει, πιθανότατα δεν χρειάζεται.
- Ένα εργαλείο για κάθε δουλειά, όχι τρία: μία φόρμα επικοινωνίας, ένα SEO, ένα caching.
- Τα sliders και τα «all in one» πακέτα είναι τα πιο βαριά. Αν ένα slider δείχνει μία εικόνα, βάλε μία εικόνα.
03Hosting που δεν σηκώνει την κίνηση
Το φθηνό shared hosting μοιράζεται έναν server με εκατοντάδες άλλα site. Όταν κάποιο από αυτά έχει κίνηση, αργεί και το δικό σου, και δεν μπορείς να κάνεις τίποτα.
- Ζήτα από τον πάροχο server στην Ευρώπη, SSD δίσκους και σύγχρονη έκδοση λογισμικού.
- Ενεργοποίησε caching στον server, ώστε οι σελίδες να σερβίρονται έτοιμες, όχι να χτίζονται σε κάθε επίσκεψη.
- Αν έχεις e-shop ή πάνω από 5.000 επισκέψεις τον μήνα, ένα managed hosting αξίζει τη διαφορά.
Άνοιξε το pagespeed.web.dev, βάλε τη διεύθυνση του site σου και κοίτα το σκορ για κινητό. Πάνω από 80 είσαι καλά. Κάτω από 50, ένα από τα τρία παραπάνω σίγουρα φταίει. Το ίδιο εργαλείο σου λέει και ποιες εικόνες είναι βαριές.
✓Τι να κάνεις αύριο
- Μέτρησε το σκορ κινητού πριν αλλάξεις οτιδήποτε, για να ξέρεις από πού ξεκίνησες.
- Συμπίεσε τις 10 μεγαλύτερες εικόνες της αρχικής. Μόνο αυτό συνήθως φέρνει +20 στο σκορ.
- Σβήσε τα πρόσθετα που δεν ξέρεις τι κάνουν. Κράτα backup πρώτα.
- Ρώτα τον πάροχο hosting πού είναι ο server και αν έχει caching.
Γράφουμε τα tips από τις ερωτήσεις που μας κάνουν οι πελάτες μας.