嵌入式视频加载速度不够快 - Vimeo / React / Next.js

问：

我正在构建一个网站，其设置如下：

技术栈：

• React >> Next.js upgrade
• Google 表格数据库
• 通过 Cloudinary url 获取的图像资产（在 google 表格中获取）
• 通过 Vimeo URL 的视频资产（在 google 表格中获取）

设计

• 一页网站。
• 包含一个项目（图像/视频/或两者）的全屏容器。
• 用户可以通过单击项目资源的左侧或右侧来水平浏览每个项目。
• 用户可以在不同的项目中垂直导航。
• 实现了延迟加载，我认为这会导致视频加载缓慢（因为它们只是按需加载）。
• 但是，如果不实施延迟加载，整个站点就会变慢。

问题：

1. 有没有办法在浏览器刷新前预加载嵌入的vimeo视频或预加载x个项目？
2. 您有什么技巧可以提高性能和速度吗 - CMS 会比从 google 表格数据库获取数据更好吗？

谢谢！