Όταν κάποιος ανοίγει τον σύνδεσμο της ιστοσελίδας σας από το κινητό του, έχετε περίπου τρία δευτερόλεπτα. Δεν είναι εκτίμηση. Η Google ανέλυσε πάνω από 900.000 σελίδες κινητού και βρήκε ότι όταν ο χρόνος φόρτωσης πηγαίνει από ένα σε τρία δευτερόλεπτα, η πιθανότητα ο επισκέπτης να φύγει αμέσως αυξάνεται κατά 32%. Από ένα σε πέντε δευτερόλεπτα: 90% παραπάνω. Επτά δευτερόλεπτα: 113%.
Αυτά δεν είναι ακραίες περιπτώσεις. Τρία έως επτά δευτερόλεπτα είναι ακριβώς εκεί που βρίσκεται η συντριπτική πλειοψηφία των ιστοσελίδων σήμερα.
Η έρευνα Milliseconds Make Millions, που εκπόνησαν η Deloitte και η Google, έδωσε συγκεκριμένους αριθμούς σε αυτό. Ανέλυσαν 37 μεγάλα brands σε πάνω από 30 εκατομμύρια επισκέψεις από κινητά και εξέτασαν τι συνέβη όταν ο χρόνος φόρτωσης βελτιώθηκε κατά ένα δέκατο του δευτερολέπτου. Στο λιανεμπόριο, τα ποσοστά μετατροπής αυξήθηκαν 8,4% και το μέσο ποσό αγοράς ανέβηκε 9,2%. Στα ταξίδια, οι κρατήσεις αυξήθηκαν 10,1%. Για ιστοσελίδες που συλλέγουν αιτήματα επικοινωνίας, το ποσοστό όσων συμπλήρωσαν τη φόρμα εκτοξεύτηκε κατά 21,6%. Αυτός είναι ο αντίκτυπος στα έσοδα από 100 χιλιοστά του δευτερολέπτου.
Η ταχύτητα έχει σημασία επειδή έτσι λειτουργεί ο ανθρώπινος εγκέφαλος, όχι επειδή έτσι λειτουργεί η τεχνολογία. Το BBC διαπίστωσε ότι έχανε περίπου 10% από το κοινό του για κάθε επιπλέον δευτερόλεπτο που αργούσε η σελίδα. Οι χρήστες δεν αποφασίζουν συνειδητά να φύγουν. Απλώς χάνουν την υπομονή τους και προχωρούν αλλού πριν ληφθεί οποιαδήποτε απόφαση.
Η Google τυποποιεί αυτό με τρεις μετρήσεις που ονομάζονται Core Web Vitals και επηρεάζουν τόσο την κατάταξη στα αποτελέσματα αναζήτησης όσο και την εμπειρία που έχουν οι επισκέπτες σας. Η πρώτη είναι το LCP, δηλαδή πόσο γρήγορα εμφανίζεται το κύριο περιεχόμενο της σελίδας. Ο στόχος είναι κάτω από 2,5 δευτερόλεπτα. Αυτή είναι η στιγμή που ο επισκέπτης βλέπει αυτό που ζητούσε. Αν αργεί, αρχίζει ήδη να αμφιβάλλει αν βρίσκεται στο σωστό μέρος.
Η δεύτερη είναι το INP, που μετρά πόσο γρήγορα ανταποκρίνεται η σελίδα μετά από ένα κλικ ή άγγιγμα. Ο στόχος είναι 200 χιλιοστά του δευτερολέπτου. Πάνω από αυτό, η ιστοσελίδα αρχίζει να φαίνεται χαλασμένη. Η Vodafone βελτίωσε αυτό το νούμερο κατά 31% και είδε τις πωλήσεις να ανεβαίνουν 8%. Η RedBus, μεγάλη πλατφόρμα κρατήσεων ταξιδιών, μέτρησε αύξηση πωλήσεων 7% μετά από βελτίωση του INP.
Η τρίτη μέτρηση είναι το CLS, που ελέγχει αν το περιεχόμενο μετακινείται απροσδόκητα ενώ φορτώνει η σελίδα. Το έχετε βιώσει: είστε έτοιμοι να πατήσετε ένα κουμπί και ξαφνικά η σελίδα αναδιατάσσεται. Ο στόχος είναι 0,1 ή λιγότερο.
Πώς το εφαρμόζουμε: η διαδικασία κατασκευής μας ξεκινά με αφαίρεση, όχι με προσθήκη. Κάθε εξωτερικό script, κάθε βαριά εικόνα, κάθε διακοσμητικό στοιχείο που δεν εξυπηρετεί σαφή σκοπό κόβεται πριν γραφτεί η πρώτη γραμμή νέου κώδικα. Παραδίδουμε συμπιεσμένα αρχεία, εικόνες στη σωστή διάσταση για κάθε οθόνη, και κώδικα που φορτώνει σωστά ώστε ο επισκέπτης σας να βλέπει περιεχόμενο αμέσως. Η ταχύτητα δεν είναι κάτι που ενεργοποιείται στο τέλος. Είναι το αποτέλεσμα μιας πειθαρχημένης διαδικασίας αφαίρεσης.