Google One Tap 导致移动设备上的布局偏移 (>0.1)

如何解决Google One Tap 导致移动设备上的布局偏移 (>0.1)

我使用 Chrome 分析器来识别我们网站上的布局变化，并发现 Google One Tap 横幅在移动设备 (Image of profiler showing layout shift) 上导致了显着的布局变化 (> 0.1)。我还添加了一个使用 layout-instability API 的 Performance Observer 来识别导致 CLS 的组件，它也表示相同。

我已尝试使用 data-prompt_parent_id 更改一键式的位置，但如 developers guide 中所述，这在移动网络浏览器上被忽略。

解决方法

您可以尝试重新测试，最近进行了一些改进，以减少或消除布局偏移并提高 Core Web Vitals 的 CLS 分数。