Как они сделали Cumulative Layout Shift (CLS) в ноль?

Ну так спроси у suffix-а.

Эта последняя штука, которая не зеленая и я не понимаю, что на неё влияет, почему так происходит, ладно там, где реклама, то понятно, но есть страницы без рекламы практически пустые, даже на этом форуме на главной где постоянно происходят смещения контента в виде обновляющихся комментариев плавающих, и то все ближе к 0 и зеленое, как так-то.

У меня подозрение на сайдбар переносящийся в мобильной версии вниз, но у этого чувака https://ocomp.info/ он тоже переносится вниз. Еще на меню в хедере, но там тоже хз. может scale влияет или то что элементы в мобильной версии прячутся, но у этого чувака они тоже прячутся и изменяются, я уже не знаю на что и думать.

Говорят, эти смещения могут влиять на SEO, выдачу типа у вас отстойный сайт потому что все дергается и съезжает, а пользователи промахиваются по ссылкам, хотя у меня на сайте как будто все мертвое и вообще ничего не двигается.

И нет я не буду спрашивать у владельцев сайта.

Вы мне лучше вот что подскажите эта штука, этот тест, CLS, он обновляется сразу как я внес изменения и обновил кэш страницы, такое ощущение что он как-то не сразу обновляется после изменений на странице.

Там же вроде всегда давались рекомендации?

Если мне не изменяет память все эти тесты можно выполнить прямо в браузере хром, то есть прям "онлайн"

Ответ очевиден - учитесь программировать и верстать, а дальше пишите всё под себя с минимальным объёмом графики и скриптов.

Так вы получите максимальную свободу действий в реализации программного функционала.

"Говорят, могут.. " занимаете свою голову не тем. Берете телефон, включаете мобильный интернет и проверяете, что в реальности видят пользователи заходя на ваш сайт.

Также можно провести тесты и в Хроме с имитацией мобильной связи. 

Если отрисовка страницы в разумных пределах и не мешает пользователям - закрываете тему и сосредотачиваетесь на задачах развития сайта.

открываете свой сайт и панель разработчика, выставляете самую низкую скорость сети (вкладка Сеть) и смотрите, что и куда дергается

Что такое совокупные изменения макета?
Совокупное изменение макета: что такое CLS и как его улучшить...
Что такое накопительный сдвиг макета? Совокупное смещение макета (CLS) — это метрика Core Web Vitals, которая рассчитывает смещение элементов во время загрузки и отображения страницы .
Чаще всего это встречаются на изображениях, кнопках и других интерактивных элементах, но их также легко обнаружить в тексте.

Посмотрел у себя на сайте. Cumulative Layout Shift -- 0

Стили в шапке, скрипты - в шапке. Размеры блоков и картинок прописаны, рекламы нет. Просто нечему дергаться. Я вообще уверен, что этот параметр ввели для тех умников, кто любил оставлять страницу без стилей, подключая их только в футере.

Правильно ли я понимаю, что это можно посмотреть в Инструменты разработчика -> Lighthouse _ допустим для Desktop -> Analyze page load:

И там внизу где миллисекунды будет показатель если есть съезд будет не ноль Cumulative Layout Shift.

А еще через Performance -> Record _ Перезагрузить страницу, можно еще до низу и обратно вверх прокрутить и нажать Stop -> И там будет водопад всяких метрик и таймингов и если был Cumulative Shift то где-то между Frames и Timings оно высветится если был съезд.

Это о чём? И к теме при чём?