# CLS (Cumulative Layout Shift)

> Μετρά την οπτική σταθερότητα, καταγράφοντας τις απρόσμενες μετακινήσεις στη διάταξη της σελίδας.

Source: https://anotherseoguru.com/el/glossary/cls

Το Cumulative Layout Shift (CLS) μετρά πόσο μετακινείται απρόσμενα το περιεχόμενο της σελίδας κατά τη φόρτωση. Ένα υψηλό CLS εκνευρίζει τους χρήστες, γιατί τα στοιχεία μετακινούνται ενώ προσπαθούν να αλληλεπιδράσουν με τη σελίδα.

## Παράδειγμα

Καλό: <0,1, Θέλει βελτίωση: 0,1-0,25, Κακό: >0,25. Ένα κουμπί που μετακινείται επειδή φορτώνει μια διαφήμιση από πάνω του = υψηλό CLS.

## Πώς να το εφαρμόσετε

Ορίστε συγκεκριμένες διαστάσεις σε εικόνες και βίντεο, κρατήστε χώρο για διαφημίσεις και ενσωματωμένο περιεχόμενο, μην προσθέτετε περιεχόμενο πάνω από το υπάρχον και χρησιμοποιήστε CSS transform για τα animations.

> **Συμβουλή:** Οι διαφημίσεις είναι συχνά ο μεγαλύτερος ένοχος για το CLS. Δεσμεύστε ακριβείς διαστάσεις σε pixels για τα πλαίσια των διαφημίσεων, ώστε να μη μετακινείται τίποτα όταν φορτώνουν.

## Σχετικοί όροι

- [Page Experience](https://anotherseoguru.com/el/glossary/page-experience)