Cumulative layout shift

Cumulative Layout Shift

Το Cumulative Layout Shift (CLS) είναι μια μετρική που μετράει πόσο πολύ μετακινούνται απρόσμενα τα στοιχεία στη σελίδα ενώ αυτή φορτώνει ή καθώς τη χρησιμοποιείς. Αυτές οι μετακινήσεις μπορεί να συμβούν όταν εμφανίζονται εικόνες χωρίς διαστάσεις, διαφημίσεις που φορτώνονται αργότερα ή όταν προστίθεται δυναμικό περιεχόμενο χωρίς να έχει προβλεφθεί χώρος. Το αποτέλεσμα για τον χρήστη είναι ότι το περιεχόμενο «πηδάει» και μπορεί να χάσει το σημείο που διάβαζε ή να κάνει λάθος κλικ. Η μέτρηση συλλέγει όλες αυτές τις μετακινήσεις και δίνει ένα συνολικό σκορ που δείχνει πόσο εύκολα συμβαίνουν τέτοιες αναπάντεχες αλλαγές. Αυτό έχει σημασία γιατί μειώνει την αξιοπιστία και την άνεση στη χρήση: χρήστες μπορεί να εκνευριστούν, να φύγουν ή να κάνουν ανεπιθύμητες ενέργειες. Για να μειωθεί το CLS χρειάζεται να δίνεις σταθερό χώρο σε εικόνες και διαφημίσεις, να φορτώνεις γραμματοσειρές με τρόπο που δεν αλλάζει τη διάταξη, και να αποφεύγεις την εισαγωγή ξαφνικού περιεχομένου χωρίς πρόβλεψη. Μικρές πρακτικές βελτιώσεις στη δομή της σελίδας έχουν μεγάλο όφελος για την εμπειρία των επισκεπτών. Όταν το CLS είναι χαμηλό, η σελίδα φαίνεται πιο σταθερή και προσεγγίσιμη σε όλους.