Определение совокупного сдвига макета при нулевом атрибуте узла

Question

Я пытаюсь уменьшить CLS (совокупный сдвиг макета) на веб-сайте. Используя JS-библиотеку webvitals от Google, я вижу, что одним из крупнейших источников CLS является приведенный ниже, в котором для узла, вызывающего сдвиг макета, указано значение null. Кто-нибудь знает, как с этим справиться? Если узел, вызывающий сдвиг, равен нулю, как мне обновить CSS или HTML, чтобы предотвратить этот сдвиг?

      sources: Array(1)
0: LayoutShiftAttribution
currentRect: DOMRectReadOnly {x: 0, y: 0, width: 0, height: 0, top: 0, …}
node: null
previousRect: DOMRectReadOnly {x: 0, y: 0, width: 375, height: 329, top: 0, …}
__proto__: LayoutShiftAttribution

Answer 1

В настоящее время я сам изучаю это, я использую множество загрузочных скелетов, чтобы информировать пользователей о том, что контент загружается, как только контент был загружен, я думаю, что они становятся нулевыми, по сути, это узлы DOM, которые были каким-то образом заменены.