今年 5 月将有一个 Google 更新，其中 CLS（累积布局转移）成为重要的排名因素。在我们的网站上，我们嵌入了一些 iframe（主要是实时代码等）。在某些时候，我们为这些 iframe 使用了固定的高度和宽度值，但这不是最佳解决方案，因为这些 iframe 的内容会定期更改。当它是一个显示体育赛事比赛日数据的 iframe 时，要么当日只有一场比赛时出现大量空白，要么当日有 9 场比赛时被截断。所以我们用 pym 脚本实现了一个 iframe 调整大小的解决方案。这使该网站看起来更好，并提高了可用性。一些 iframe 甚至更具交互性，并且具有选项卡导航等。当前的 iframe 调整大小也适用于此 - 然后也会调整高度。而且由于这是由用户交互引起的，因此 Google 不应该对此进行惩罚。嵌入和实现工作如下：http://blog.apps.npr.org/pym.js/
我做了一些研究，但不幸的是找不到保持可用性但摆脱 CLS 的解决方案。有没有人有一些提示、有用的链接或如何解决这个问题的想法？