First Input Delay
Το First Input Delay (FID) μετρά τον χρόνο μεταξύ της πρώτης αλληλεπίδρασης του χρήστη με τη σελίδα σας (κλικ σε σύνδεσμο, πάτημα κουμπιού) και της στιγμής που ο browser ανταποκρίνεται πραγματικά σε αυτή την αλληλεπίδραση.
Το First Input Delay αποτυπώνει την καθυστέρηση που βιώνουν οι χρήστες όταν προσπαθούν να αλληλεπιδράσουν με μια σελίδα που φορτώνει ακόμη. Αν ένας χρήστης κάνει κλικ σε ένα κουμπί αλλά ο browser είναι απασχολημένος με την ανάλυση JavaScript, υπάρχει κενό μεταξύ του κλικ και της απόκρισης. Αυτό το κενό είναι το FID. Το FID είναι σημαντικό γιατί μετρά την πραγματική εμπειρία χρήστη, όχι δεδομένα εργαστηρίου. Μπορεί να μετρηθεί μόνο στο πεδίο, γιατί εξαρτάται από την πραγματική συμπεριφορά των χρηστών.
Το πρόγραμμα Web Vitals της Google θεωρεί το FID καλό όταν είναι κάτω από 100ms, χρήζει βελτίωσης μεταξύ 100-300ms και κακό πάνω από 300ms. Κύρια αιτία του υψηλού FID είναι η βαριά εκτέλεση JavaScript κατά τη φόρτωση της σελίδας. Όταν το κύριο νήμα του browser είναι απασχολημένο με την ανάλυση και εκτέλεση JavaScript, δεν μπορεί να ανταποκριθεί στις αλληλεπιδράσεις του χρήστη. Τα scripts τρίτων (analytics, διαφημίσεις, widgets συνομιλίας) είναι συνηθισμένοι ένοχοι. Σημείωση: Η Google έχει αντικαταστήσει το FID με το Interaction to Next Paint (INP) ως Core Web Vital, το οποίο μετρά όλες τις αλληλεπιδράσεις σε όλη τη διάρκεια ζωής της σελίδας, όχι μόνο την πρώτη.
Στην πράξη
- Ένας ειδησεογραφικός ιστότοπος είχε FID 500ms επειδή τα scripts διαφημίσεων μονοπωλούσαν το κύριο νήμα κατά τη φόρτωση, η αναβολή τους μείωσε το FID στα 50ms
- Η σελίδα προϊόντος ενός ηλεκτρονικού καταστήματος είχε FID 300ms από ένα βαρύ πακέτο JavaScript, το code splitting και η φόρτωση κατά απαίτηση το μείωσαν κάτω από 80ms
- Ένας ιστότοπος μάρκετινγκ αφαίρεσε 3 scripts τρίτων για συνομιλία και analytics και βελτίωσε το FID από 250ms σε 30ms, με ελάχιστο αντίκτυπο στη λειτουργικότητα
- Μια διαδικτυακή εφαρμογή μετέφερε τη λογική επεξεργασίας δεδομένων σε Web Worker, ελευθερώνοντας το κύριο νήμα και μειώνοντας το FID από 400ms σε 60ms σε κινητές συσκευές
Περισσότερα για: Απόδοση
Δεν είστε σίγουροι πώς εφαρμόζεται σε εσάς;
Ένας έμπειρος μηχανικός εξετάζει τον ιστότοπό σας, την παρουσία σας στις αναζητήσεις και τον τρόπο που σας φτάνουν τα αιτήματα, και μετά καταγράφει τα τρία πράγματα που αξίζει να διορθωθούν πρώτα. Κρατάτε το έγγραφο είτε έτσι είτε αλλιώς.