Расчет CLS и измерение производительности

[metoc15411]

Итак, как рассчитывается кумулятивная оценка смещения макета? Оценка CLS определяется путем умножения двух измерений, доли воздействия и доли расстояния, которые могут быть измерены при неожиданном движении контента на мобильном экране. Чтобы лучше объяснить элементы оценки, мы разберем два измеряемых фактора.

Ударная фракция
Используя изображение в качестве примера, опреде список электронной почты отрасли ление доли воздействия является вопросом деления области воздействия на пространство области просмотра. Таким образом, изображение перемещается из одного места в области просмотра в другое место в области просмотра, создавая общую область воздействия площадью 350×500 пикселей. В то время как сама область просмотра имеет размер 375×700 пикселей.

Тогда расчет доли удара будет 350×500/375×700 или 175000/262500, что дает нам долю удара 0,667.

Расстояние Дробь
Подобно дроби воздействия, дробь расстояния смотрит на элемент страницы (в нашем примере — изображение) до и после его сдвига. Однако дробь расстояния — это измерение пространства от начального места до его конечного места через область просмотра.

Придерживаясь нашего примера выше, мы скажем, что величина расстояния, перемещенного (или смещенного) для создания области воздействия 350×500, составила 100 пикселей вниз по странице. Поскольку он переместился на 100 пикселей вниз по странице, нам нужно разделить 100 на высоту области просмотра (700). Таким образом, расчет для доли расстояния составляет 100/700, что дает нам долю расстояния 0,143.

[*]