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