Парни была тема про pagespeed. Подскажите, что означает CLS (Cumulative

Скажем так это моё понимание, скорее всего всё сложнее. Но @dramspro говорил надо мол высоту элементам указывать. Но если это делать в относительных единицах, то как это поможет я хз.

0

22.05.2022

Yaroslav

Артур Шевченко💀
Это означает смещение макета, т.е. сначала у тебя ...

как правило это значит, что разметочные стили не в критикал, а в основном css

0

22.05.2022

Roman S Автор вопроса

Артур Шевченко💀
Скажем так это моё понимание, скорее всего всё сло...

Я понял, скорее всего, тут идет учет, без js, как твоя верстка выглядит и применением js насколько она из меняется. На мой взгляд это было бы более логично.

0

22.05.2022

Дима 🚀 Сайт

Roman S
Я понял, скорее всего, тут идет учет, без js, как ...

Привет! По #pagespeed я пару дней назад тут делился своим подходом. Могу чуть подробнее раскрыть вопрос прыгающего контента (CLS). Он появляется в основном в случаях: • слайдер, пока не отработал JS • модульная сетка, где вертикальный отступ рассчитывается через JS → Эти моменты решаются установкой фикс. или макс. высоты в CSS • картинки без явного указания ширины и высоты → тут стоит отметить что стилями ширину можно сделать адаптивной, но тогда явное указание даст браузеру инфу о пропорциях! • ajaxSnippet или подобные решения, когда контент подгружается попозже → тоже надо как с картинками решать • медленный парсинг CSS. → Это вопрос комплексный, может помочь просто более ранняя подгрузка стилей, может удаление вложенных импортов (объединение файлов или если не подходит, хотя бы вынос всех подключений на 1й уровень), также если правда очень сложные, это самый печальный вариант, тогда поможет переверстка на БЭМ... Как-то так 👻

0

22.05.2022

Roman S Автор вопроса

Дима 🚀 Сайт
Привет! По #pagespeed я пару дней назад тут делилс...

Спасибо. Я сейчас понял в чем проблема, на сайте просто генерируется страница и часть блоков прячется с помощью js, вот сейчас думаю, как это обойти.

0

22.05.2022

Дима 🚀 Сайт

Roman S
Спасибо. Я сейчас понял в чем проблема, на сайте п...

Прячь с помощью CSS (только класс должен изначально быть добавлен в вёрстку а не js-ом добавляться) или ещё лучше, атрибутом hidden. Так и победишь!

0

22.05.2022

Дима 🚀 Сайт

Roman S
Спасибо. Я сейчас понял в чем проблема, на сайте п...

Покажешь потом что получилось с pagespeed?

0

22.05.2022

Roman S Автор вопроса

Дима 🚀 Сайт
Покажешь потом что получилось с pagespeed?

Да, покажу конечно. Сейчас думаю как сделать. Почему-то в pdoMenu не работает 'return' => 'json'

0

22.05.2022

Алексей Смирнов

Roman S
Да, покажу конечно. Сейчас думаю как сделать. Поч...

Он там по-моему не работает. Могу ошибаться.

0

22.05.2022

Roman S Автор вопроса

Алексей Смирнов
Он там по-моему не работает. Могу ошибаться.

Да, скопировал и внёс изменения.

0

22.05.2022

Roman S Автор вопроса

Дима 🚀 Сайт
Покажешь потом что получилось с pagespeed?

CLS до 100% сделал, с 82 до 96. Это супер пришлось переписать вывод pdoMenu, но это того стоило. Оказалось, что были блоки, которые скрывались js скриптом, поэтому CLS был очень низкий (20%). CCS вообще не трогал. Осталось поработать только над мобильной версией.

0

23.05.2022

Дима 🚀 Сайт

Roman S
CLS до 100% сделал, с 82 до 96. Это супер пришлось...

Мои поздравления! Качаем #pagespeed в MODX! Плюсик в аргументацию заказчикам при выборе среди других CMS! Про прокачку под мобильные я писал недавно, ищи по хэштегу, если нужно.

0

23.05.2022

Степан Гончаров 🇷🇺 · Accepted Answer

Степан Гончаров 🇷🇺

это к @dramspro он там псину захомячил

0

22.05.2022

171 похожих чатов

Парни была тема про pagespeed. Подскажите, что означает CLS (Cumulative

18 ответов

Похожие вопросы