"Молиться на неё не стоит..." Уже не совсем так, например на одном из проектов из-за Яндекс рекламы параметр CLS просел и сайт не проходит проверку в мобильной и десктопной версии. Поэтому для проектов вполне актуальная тема.
Спасибо за видео. Исходя из чего выбрана своя пропорция для .poster{padding-top: 42.74%;}? Вычислено опытным путем под высоту самого блока "poster" или...?
Как ещё один способ для максимального добития CLS - можете все файлы css объединить в один, минимизировать все стили в одну строку и затем вставить перед закрывающимся head одной строчкой стили.
На CLS также влияет FOUT (мелькание и сдвиг шрифтов в момент когда системный шрифт заменяется внешним)
Да, хотя это копейки по сравнению с остальным.
Да, хотя это копейки по сравнению с остальным.
@@NickLavlinsky0:41 0:58 1:00 1:01 1:14 1:19 1:20
Спасибо за видео!
Спасибо!
Смещение элементов важно именно для первого экрана или даже если элементы смещаются где-то внизу страницы то CLS тоже падает?
Только для первого экрана.
"Молиться на неё не стоит..." Уже не совсем так, например на одном из проектов из-за Яндекс рекламы параметр CLS просел и сайт не проходит проверку в мобильной и десктопной версии. Поэтому для проектов вполне актуальная тема.
Какую проверку он не проходит?
@@NickLavlinsky PageSpeed Insights
Спасибо за видео. Исходя из чего выбрана своя пропорция для .poster{padding-top: 42.74%;}? Вычислено опытным путем под высоту самого блока "poster" или...?
Да, вычислена.
В 2023 году CLS уже влияет не на 5%, а на 25% и стаёт очень большой проблемой
0:17
Как ещё один способ для максимального добития CLS - можете все файлы css объединить в один, минимизировать все стили в одну строку и затем вставить перед закрывающимся head одной строчкой стили.
Очень сомнительный способ.
@@NickLavlinsky , испытано на практике, попробуй ))