【发布时间】：2021-04-19 15:34:28
【问题描述】：
我做了很多优化，当我测试我的页面时，我整天都会得到不同的结果，而不同的结果相隔几分钟。
相隔几分钟测试的同一页面给出了 94 > 61（大差异）和介于两者之间的任何差异。服务器没有负载，也没有任何错误与此有关。
一次测试会给我一个 0.007 的 CLS，1 分钟后，同一页面上的相同测试会给我一个 0.714 的 CLS，有时同一页面的 CLS 是 1.4？
其次，我有一个实时和暂存站点，我在暂存站点与实时站点的所有内容上都获得了 10+ 的分数。它们是彼此的镜像，一切都是相同的，相同的 Web 服务器，相同的配置，相同的共享 mariadb 服务器，相同的 php，一切都相同。
此外，今天暂存站点的结果要高得多，因为尽管它们相同，但没有抛出未使用的 js 或 css 错误，两个站点都有相同的 js 和相同的 css。这就是分期得分更高的原因。也与缓存无关，因为我什至在暂存站点上禁用了 CDN 和 WP Rocket，但它的得分仍然高于实时站点。
我被难住了。
2021-04-22 更新 07h05 早上测试给我的移动设备 CLS 为 0.005，桌面设备的 CLS 为 0.002。 2 分钟后重复测试给我 0.841 移动设备和 0.002 桌面设备。我真的需要尝试理解为什么布局变化会出现这种差异，我最终会弄明白的。
2021-04-23 我曾提到我在登台和实时站点之间获得了始终如一的更高分数。今天我明白了为什么。我在我的临时站点上禁用了 Bunny CDN，当我启用它的那一刻，CLS 变得更糟并且分数下降。我也没有想到，我打开和关闭了几次 CDN，分数立即上升/下降。然后我将 CDN 设置为只为图像保留，然后它很好，当我允许 CDN 缓存 js 和 css 时，分数会失败，CLS 返回。这怎么可能？
【问题讨论】：
-
我投票结束这个问题，因为这是一个没有方向或问题的咆哮。
-
如果您想用一些具体的观点重新表述问题，我很乐意帮助您确定 CLS 的原因。像这样的变化通常归结为某些项目在一次运行中加载较早而在另一次运行中加载较晚（网络可变性）。如果您想共享该站点的公共 URL，我很乐意为您寻找。另外，如果您再给我一点时间，我会告诉您一些我之前给出的答案，这些答案可能会帮助您识别问题。 首先要意识到 Page Speed Insights 不是 Google 获取数据的地方 - 他们使用来自真实浏览器的 CrUX 数据集。
-
将你的 URL 放到 cmets 中，我会为你找到问题，因为我还没有看到工具误报 CLS。
-
关闭投票被撤回，我理解这种挫败感，但是当你像有人曾经对我说的那样“消除愤怒”时，你的问题会更容易理解?????????? ??以后会找你的。
-
它是在桌面、移动设备上还是两者兼而有之？我可以在桌面上看到一个问题，你没有内联所有关键的 CSS，所以当“floatsome.css”加载时你会发生巨大的变化（它是你在顶部的图像框跳到位）。还没在手机上看到。您是否知道如何在 Google Chrome 中显示布局变化时运行性能跟踪，这是您发布它们的最简单方法。最后 - 删除阻止右键单击和 F12 工作的任何废话 - 它们不提供任何保护但会导致可访问性问题（并使调试更加困难！）。