Γιατί η ταχύτητα είναι το τίμιο νούμερο
Η ταχύτητα είναι ο μόνος ισχυρισμός σε ένα portfolio που μπορείς να τον επαληθεύσεις μόνος σου με ένα κλικ - το Lighthouse τρέχει το ίδιο για όλους. Τα builds που συντηρώ ακόμα πιάνουν 96-100, και κάθε σκορ στη σελίδα των έργων οδηγεί στο ίδιο το τεστ της Google, έτοιμο συμπληρωμένο. Αυτή η διαφάνεια είναι άνετη μόνο αν ξέρεις τι παράγει πραγματικά αυτά τα νούμερα.
Τι κάνει πραγματικά τη διαφορά
- Όριο βάρους, που τηρείται. Η σελίδα έχει συγκεκριμένα bytes στη διάθεσή της πριν καν ξεκινήσει ο σχεδιασμός. Κάθε αρχείο διαπραγματεύεται το μερίδιό του. Χωρίς όριο, το βάρος μόνο ανεβαίνει.
- Πειθαρχία στις εικόνες. Σωστά μεγέθη για κάθε breakpoint, σύγχρονες μορφές αρχείων, lazy-loading κάτω από το πρώτο ορατό κομμάτι, και δηλωμένες διαστάσεις ώστε να μην αναπηδάει τίποτα κατά τη φόρτωση. Οι εικόνες είναι το 60-70% των περισσότερων σελίδων - εδώ κρύβονται τα μεγαλύτερα κέρδη.
- Όχι σούπα από scripts. Κάθε διαφημιστικό pixel, κάθε chat widget, κάθε heat-mapper είναι κώδικας που τον ελέγχει κάποιος άλλος πάνω στην κρίσιμη διαδρομή σου. Καθένα κοστίζει πραγματικά χιλιοστά του δευτερολέπτου και τα περισσότερα δεν τα κοιτάει ποτέ κανείς. Έλεγχος κάθε τρίμηνο, διαγραφή χωρίς τύψεις.
- Σταθερότητα στη διάταξη. Το Cumulative Layout Shift είναι εμπειρία χρήστη, όχι καλλωπισμός: κράτα χώρο για ό,τι φτάνει αργότερα - γραμματοσειρές, εικόνες, ενσωματώσεις - ώστε η σελίδα να μην αναπηδάει κάτω από το δάχτυλο του χρήστη.
Τι είναι κυρίως μύθος
Η μάχη με τα minifiers (το gzip κάνει ήδη το μεγαλύτερο μέρος αυτής της δουλειάς), η αλλαγή framework για την αλλαγή (ένα αργό site ξαναγραμμένο σε νέο framework είναι ένα αργό site με νέα σύνταξη), και το «φταίει ο server» (συνήθως φταίει η εικόνα των 4MB στο hero). Διόρθωσε πρώτα το ορατό βάρος - οι εξωτικές βελτιστοποιήσεις είναι οι τελευταίοι 2 βαθμοί, όχι οι πρώτοι 40.
Γιατί αξίζει η πειθαρχία
Η ταχύτητα αποδίδει αθόρυβα και σωρευτικά: καλύτερο crawl budget, καλύτερα quality scores στις διαφημίσεις, λιγότερα κινητά που εγκαταλείπουν σε wifi ξενοδοχείου, και ένα υποσυνείδητο μήνυμα επάρκειας. Ένα γρήγορο site δίνει την αίσθηση καλοκουρδισμένης εταιρείας. Ένα αργό, την αίσθηση ουράς στο ταμείο.
Πέρασε το δικό σου site από το τεστ - κι αν το νούμερο πονάει, η διόρθωση συνήθως είναι μικρότερη από μια ανακατασκευή.