Αλληλεπίδραση με την επόμενη ζωγραφική (INP)

Η Αλληλεπίδραση με το Επόμενο Βάψιμο (Interaction to Next Paint) μετρά την ταχύτητα με την οποία μια σελίδα ανταποκρίνεται οπτικά στην εισαγωγή δεδομένων από τον χρήστη, αναφέροντας μια τιμή που αντιπροσωπεύει τις χειρότερες καθυστερήσεις αλληλεπίδρασης που παρατηρήθηκαν κατά τη διάρκεια μιας επίσκεψης. Αντικατέστησε την Καθυστέρηση Πρώτης Εισόδου (First Input Delay) ως μέτρηση απόκρισης του Core Web Vitals τον Μάρτιο του 2024 και η αλλαγή ήταν σημαντική: ενώ το παλαιότερο μέτρο κατέγραφε μόνο την καθυστέρηση πριν από την έναρξη της επεξεργασίας στην πρώτη αλληλεπίδραση, αυτό μετρά την πλήρη διάρκεια από την εισαγωγή μέσω της επεξεργασίας έως το επόμενο καρέ που βάφεται, σε όλες τις αλληλεπιδράσεις στην περίοδο σύνδεσης.

Αυτή η διαφορά έχει σημασία επειδή η προηγούμενη μέτρηση κολακεύει πολλούς ιστότοπους. Μια σελίδα θα μπορούσε να καταγράψει μια εξαιρετική καθυστέρηση πρώτης εισόδου ενώ θα παρέμενε αργή καθ' όλη τη διάρκεια, επειδή η μέτρηση αγνοούσε πόσο χρόνο χρειάστηκε για να εκτελεστεί ο χειριστής συμβάντων και πόσο χρόνο χρειάστηκε στη συνέχεια το πρόγραμμα περιήγησης για να αποδώσει το αποτέλεσμα, και επειδή εξέταζε μόνο μία αλληλεπίδραση. Οι ιστότοποι που εμφανίζονταν ανταποκρινόμενοι με την παλιά μέτρηση συχνά δεν το κάνουν με τη νέα, ιδιαίτερα οι εφαρμογές μίας σελίδας και οποιαδήποτε διεπαφή με βαριά λογική από την πλευρά του πελάτη.

Η αναφερόμενη τιμή προκύπτει από τις μεγαλύτερες σε διάρκεια αλληλεπιδράσεις που παρατηρήθηκαν, με πρόβλεψη για ακραίες τιμές σε σελίδες με πολλές αλληλεπιδράσεις, και το δημοσιευμένο όριο της Google αντιμετωπίζει τα 200 χιλιοστά του δευτερολέπτου ή λιγότερο ως καλά στο εβδομηκοστό πέμπτο εκατοστημόριο των πραγματικών εμπειριών χρήστη. Επειδή καταγράφει ολόκληρη τη διαδρομή από την είσοδο έως τη ζωγραφική, οι χαμηλές βαθμολογίες μπορούν να προκύψουν σε διάφορα σημεία: μεγάλες εργασίες στο κύριο νήμα που εμποδίζουν το πρόγραμμα περιήγησης να χειριστεί το συμβάν, χειριστές συμβάντων που κάνουν υπερβολική εργασία ταυτόχρονα, παραμόρφωση της διάταξης που προκαλείται από στυλ ανάγνωσης και γραφής με διαστρεβλωμένο τρόπο και ακριβή απόδοση μετά από αλλαγές κατάστασης.

Η διάγνωση συνήθως υποδεικνύει την εκτέλεση JavaScript και όχι τις συνθήκες δικτύου, γεγονός που διακρίνει αυτήν τη μέτρηση από τα μέτρα φόρτωσης. Συνήθεις αιτίες περιλαμβάνουν μεγάλα μονολιθικά πακέτα που εκτελούνται στο κύριο νήμα, σενάρια τρίτων που εκτελούν αυθαίρετη εργασία κατά την αλληλεπίδραση, επαναλήψεις πλαισίου που αγγίζουν πολύ μεγαλύτερο μέρος του δέντρου από ό,τι απαιτεί η αλλαγή και χειριστές που εκτελούν σύγχρονους υπολογισμούς που θα μπορούσαν να αναβληθούν ή να μετακινηθούν εκτός του κύριου νήματος. Οι μεγάλες εργασίες είναι ο υποκείμενος μηχανισμός στις περισσότερες περιπτώσεις, καθώς το πρόγραμμα περιήγησης δεν μπορεί να ανταποκριθεί στην είσοδο ενώ εκτελείται μια εργασία.

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

Τα σενάρια τρίτων μερών αξίζουν ιδιαίτερης εξέτασης, επειδή αποτελούν συχνή αιτία και βρίσκονται εκτός του άμεσου ελέγχου της ομάδας. Τα γραφικά στοιχεία συνομιλίας, οι διαχειριστές συναίνεσης, οι βιβλιοθήκες αναλυτικών στοιχείων, τα εργαλεία εξατομίκευσης και τα σενάρια διαφήμισης εκτελούνται όλα στο κύριο νήμα και μπορούν να το απασχολήσουν ακριβώς τις στιγμές που ένας επισκέπτης προσπαθεί να αλληλεπιδράσει. Ο έλεγχος του κόστους του κύριου νήματος κάθε τρίτου μέρους, ιδανικά μετρώντας τη σελίδα με και χωρίς αυτό, παράγει μια συγκεκριμένη λίστα με το κόστος κάθε προμηθευτή όσον αφορά την ανταπόκριση. Αυτό το ποσό καθιστά το συμβιβασμό συζητήσιμο με τις ομάδες που ζήτησαν κάθε εργαλείο, κάτι που συνήθως είναι μια πιο παραγωγική οδός από την προσπάθεια βελτιστοποίησης του κώδικα εφαρμογής γύρω από ένα σενάριο που καταναλώνει το μεγαλύτερο μέρος του διαθέσιμου προϋπολογισμού.

Επειδή η μέτρηση καθορίζεται από τον κώδικα της εφαρμογής και όχι από την παροχή πόρων, η βελτίωσή της συνήθως απαιτεί μηχανική εργασία και όχι διαμόρφωση. Στην πράξη, βρίσκεται στο όριο μεταξύ απόδοση ιστού και ανάπτυξη προϊόντωνκαι είναι ιδιαίτερα σημαντικό για τις διαδραστικές διεπαφές εμπορίου και κρατήσεων, όπου το μη ανταποκρινόμενο φιλτράρισμα, η διαμόρφωση και οι αλληλεπιδράσεις με το καλάθι αγορών προκαλούν εγκατάλειψη που εμφανίζεται στα αναλυτικά στοιχεία ως συνηθισμένη απόρριψη χωρίς προφανή αιτία.