Совокупный сдвиг макета

Я пытаюсь выяснить, из-за чего мой сайт не прошел тест CLS новых основных ценностей Google на мобильных устройствах.

Тест не показывает элементов, найденных в разбивке результатов теста, но показывает, что требуется улучшение: все 22 URL-адреса сайта показывают результат 0,14 с коэффициентом прохождения 0,10 или ниже.

Меня смущает то, что в лабораторных тестах он показывает отсутствие CLS, а в полевых тестах показывает 0,14, которые обновляются каждый день, но отстают на 1 день.

Я пытался использовать инструменты разработчика Google, чтобы показать мне элементы, которые смещаются и вызывают сбой, но я тоже ничего не нашел.

Что я пытаюсь спросить и пройти долгий путь, так это то, как я могу найти элементы, которые смещаются и вызывают проблемы, пожалуйста?


person lewwy    schedule 03.06.2020    source источник


Ответы (3)


В Chrome вы можете использовать инструменты разработчика › дополнительные инструменты › рендеринг › Области смещения макета. Это подсветит смещающиеся области синим цветом.

Не забудьте протестировать как настольную, так и мобильную версию.

person Ricardo Mehr    schedule 20.12.2020

У меня точно такая же проблема, и я не нахожу для нее решения ... Лабораторный тест и полевой тест в порядке, но консоль поиска говорит мне, что сайты плохие.

person Topfgartenwelt    schedule 14.06.2020

ну, он отслеживает любую CSS-анимацию, иногда даже фоновую анимацию (которую нам пришлось отключить), я думаю, Google должен это исправить.

проверьте это для CLS

person Conferfly    schedule 27.08.2020