我想提高我的谷歌页面速度结果。我发现我的主要问题之一是累积布局移位。我意识到这个问题是由cookies和促销弹出窗口引起的。
您对如何解决此谷歌页面速度问题有什么建议吗？我认为延迟渲染 cookies 弹出窗口是不正确的，谷歌可以检查这一点并将其标记为问题。
您可以通过添加position:fixed到弹出窗口来解决此问题。这会将其从文档流中取出，并且不会导致布局变化。（假设它更像是覆盖屏幕底部的吐司而不是对话框样式的弹出窗口）
您需要确保在弹出窗口之前在 HTML 中内联应用此样式，以便在收到样式后阻止其移动。
或者，您可以将弹出窗口设置为页面顶部的栏（不必如此，position: fixed因为它可以将内容向下推），此时它将正确呈现（假设您内联了 CSS）。
额外的好处是，您的 cookie 同意/GDPR 合规性应位于 HTML 中，以便在您网站上使用屏幕阅读器的人可以在与任何内容交互之前获得批准。
累积布局偏移可以通过内联所有关键 CSS并确保稍后加载的项目具有正确大小的占位符来解决（即稍后加载的图像具有相同高度和宽度的占位符，因此当图像加载时布局不会改变）加载）
| 归档时间： |
|
| 查看次数： |
4020 次 |
| 最近记录： |