我在一个网站上工作，在一个网站上展示了许多彼此相邻的卡片游戏。高度和宽度可以变化（行高由行中的 talles 元素确定，宽度由可用空间和列数定义（台式机上 4 个，平板电脑上 2 个，移动设备上 1 个）
在加载时，我获取 48 个游戏并显示它们。在底部有一个加载更多按钮，加载 48 个更多，直到没有更多可获取。
在运行灯塔时，我得到了很好的分数，但我收到了“避免过度的 dom 大小”的警告，并想解决这个问题。
阅读反应窗口或反应虚拟化让我感到困惑，即使在盯着文档数天后，尝试实施它并在谷歌上寻找我决定在这里询问的解决方案都没有成功。就好像我在研究虚拟化时全身心地陷入了完全的锁定。我可以虚拟化一个列表，但在虚拟化一个网格时遇到了巨大的麻烦。
这是回购：Github
有人可以将我推向正确的方向或帮助我实现此目标或以其他方式解决此问题吗？提前致谢