Πόσο είναι «γρήγορο»;

Κάτι χρήσιμο στην οθόνη σε λιγότερο από δύο μισό δευτερόλεπτα στο κινητό, και τιμή σε δύο αγγίγματα. Παραπέρα, το κέρδος γίνεται μικρό.

Η ταχύτητα βοηθά στο SEO;

Βοηθά, και δεν είναι το κύριο. Ανάμεσα σε δύο παρόμοιες σελίδες μπορεί να κρίνει τη σειρά· απέναντι σε μια σελίδα που απαντά καλύτερα δεν σε σώζει.

Ένα ακριβότερο hosting το λύνει;

Σπάνια. Τα περισσότερα δευτερόλεπτα βρίσκονται στις εικόνες, στο βίντεο και στα scripts τρίτων, όχι στον διακομιστή. Το hosting μετράει όταν η ιστοσελίδα κάνει βαριά δουλειά στον διακομιστή.

Η ταχύτητα της ιστοσελίδας: τι να μετράς και τι να διορθώνεις

Μέτρα την όπως τη βλέπει ο επισκέπτης σου

Όχι με το wi-fi του γραφείου ούτε στο λάπτοπ σου. Χρησιμοποίησε το PageSpeed Insights στην καρτέλα για κινητά, που προσομοιώνει ήδη ένα συνηθισμένο κινητό με αργή σύνδεση, και μετά άνοιξε την ιστοσελίδα από το δικό σου κινητό με δεδομένα, μακριά από το κτίριο.

Μέτρα τη σελίδα που παίρνει την κράτηση, όχι μόνο την αρχική. Αυτή είναι που πρέπει να πετάει.

Τα τρία νούμερα, με απλά λόγια

LCP: πότε εμφανίζεται το μεγάλο στοιχείο. Κάτω από 2,5 δευτερόλεπτα.
CLS: αν το περιεχόμενο πηδά όσο φορτώνει. Κάτω από 0,1.
INP: πόσο αργεί να αντιδράσει στο άγγιγμα. Κάτω από 200 χιλιοστά του δευτερολέπτου.

Βίντεο σε κάθε σκηνή και η σελίδα ξεκινά παρ’ όλα αυτά γρήγορα: Vision Direct.

Οι πέντε αλλαγές που τη διορθώνουν

Με αυτή τη σειρά, γιατί έτσι σου κοστίζουν δευτερόλεπτα.

Εικόνες σε webp, στο μέγεθος που χρειάζεται κάθε οθόνη, με πλάτος και ύψος ορισμένα ώστε να μην πηδά τίποτα.
Βίντεο με καρέ εξωφύλλου, που φορτώνει μόνο όταν μπαίνει στην οθόνη, ποτέ τέσσερα μαζί.
Δύο βάρη γραμματοσειράς, όχι έξι, και κείμενο ορατό όσο φορτώνει η γραμματοσειρά.
Λιγότερα scripts τρίτων: κάθε chat, pixel και χάρτης κοστίζει περισσότερο από οποιαδήποτε εικόνα.
Μεγάλη cache σε ό,τι δεν αλλάζει, ώστε η δεύτερη επίσκεψη να είναι ακαριαία.

Μια ιστοσελίδα με φιλμ μπορεί να είναι γρήγορη

Οι ιστοσελίδες μας ανοίγουν με φιλμ που προχωρά με το scroll και παρ’ όλα αυτά φορτώνουν γρήγορα: το φιλμ σερβίρεται σε καρέ, στο μέγεθος που χρειάζεται η οθόνη, και κατεβαίνουν μόνο όσα φαίνονται. Βαρύ δεν σημαίνει αργό· αργό σημαίνει κακή σειρά.

Φαίνεται στη Vision Direct, όπου κάθε σκηνή είναι βίντεο και η σελίδα ξεκινά παρ’ όλα αυτά σε λιγότερο από δύο δευτερόλεπτα στο κινητό.

Η ταχύτητα μετριέται, δεν εκτιμάται: δύο μισό δευτερόλεπτα στο κινητό.

Τι μπορείς να παραλείψεις

Το plugin «βελτιστοποίησης» του WordPress που χαλάει τη διάταξη, το AMP και την εμμονή με το άριστο σκορ. Ενενήντα με μια σελίδα που παίρνει την κράτηση κερδίζει εκατό με μια που δεν την παίρνει.

Κάθε πότε να μετράς, και τι να σημειώνεις

Μέτρα όταν δημοσιεύεις, μετά από κάθε μεγάλη αλλαγή και μία φορά τον μήνα μέσα στη σεζόν. Κράτα τρία νούμερα σε ένα φύλλο: LCP, συνολικό βάρος της σελίδας και αριθμό αιτημάτων. Τρεις μήνες καταγραφής θα σου δείξουν ποια αλλαγή σου κόστισε δευτερόλεπτα, κάτι που καμία αυτόματη αναφορά δεν θα σου πει.

Στη δημοσίευση: η βάση με την οποία θα συγκρίνεις.
Μετά από κάθε μεγάλη αλλαγή: ένα νέο βίντεο, ένα chat, ένα pixel παρακολούθησης.
Μία φορά τον μήνα στη σεζόν, από το κινητό κάποιου της ομάδας.