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 分数。