Pagespeed, показатель CLS, отладка и исправление
CLS - показатель сдвига блоков страницы во время загрузки сайта.
Для отладки, открываем консоль (F12), вкладка "Perfomance" и жмём "Record and Reload" 
. Страница перезагрузится и, после сбора данных, будет доступна покадровая загрузка сайта.
На ней визуально видно, какие блоки и в какой момент сдвигались. Это могут быть:
- изображения, у которых не указаны размеры
- блоки, меняющие своё положение после инициализации js кода (слайдеры, карусели и т.п.)
- текст с кастомным шрифтом, после загрузки которого, ширина символа меняется, меняя при этом размер контейнера
- блоки пересортированные css свойством order
- и т.п.
Пример сдвига из-за загрузки изображения:
Исправляем вёрстку так, чтобы ничего не двигалось и радуемся халявным 25 баллам =)
Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.