当属性节点为空时确定累积布局偏移

问题描述

我正在尝试减少网站上的 CLS（累积布局变化）。使用谷歌的 webvitals JS 库，我看到 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,width: 375,height: 329,…}
__proto__: LayoutShiftAttribution

解决方法

我目前正在研究这个，我使用了很多加载骨架来通知用户内容正在加载，一旦内容被获取，我认为它们变为空，它们本质上是已被替换的 DOM 节点某种方式。