CLS
Также: Cumulative Layout Shift
CLS (Cumulative Layout Shift) — это показатель того, насколько сильно «прыгает» контент на странице во время загрузки.
Представьте, что вы читаете статью на сайте и уже приготовились нажать на кнопку, но в этот момент сверху подгружается рекламный баннер или картинка, и текст резко улетает вниз. Вы промахиваетесь и кликаете совсем не туда. Это и есть плохой CLS.
CLS — это как если бы вы пытались зайти в лифт, а он внезапно начал двигаться вверх, пока вы еще стоите на пороге. Этот показатель измеряет «неожиданные сдвиги» элементов интерфейса. Чем меньше контент прыгает, тем комфортнее пользователю взаимодействовать с вашим проектом.
Зачем это нужно
Для вайбкодера и разработчика важно следить за CLS, чтобы сайт не выглядел «сломанным» или дерганым. Поисковики вроде Google понижают в выдаче сайты с высоким CLS, так как это плохой UX (пользовательский опыт). Стабильный интерфейс — залог того, что пользователь останется на странице, а не уйдет из-за раздражения.