#layout #shift #psi #cls
#макет #сдвиг #psi #cls
Вопрос:
В моем обзоре полевых данных значение CLS равно 0,98, тогда как когда я смотрю на описание, чтобы избежать больших сдвигов макета — вклад CLS составляет 0,004.
Как определить элементы, вызывающие CLS?
Ответ №1:
Привет, Шрея, тебе нужно использовать Chrome, нажать на 3 точки справа, затем перейти к другим инструментам, затем к инструментам разработчиков на появившемся экране, перейти на вкладку performance, щелкнуть точку слева, она станет красной при записи, когда она закончится, вы получите оранжевую полосу с надписью Layout shift
двойной щелчокна этой панели, и это должно дать вам больше информации на вкладке Summery в этом примере, это дает следующее
- Предупреждение о смене макета Совокупные изменения макета могут привести к ухудшению взаимодействия с пользователем.
- Оценка 1,000
- Совокупный балл1.000
- Недавно был введен Нет
- Перемещено из местоположения: [0,0], размер: [360×640]
- Перемещено местоположение: [0,0], размер: [360×640]
- Связанный узел li.velocity-анимация::before