小编And*_*lts的帖子

我几乎完成了我的第一个 Next.js 应用程序。

Dev 加载总是有点慢，但生产绝对是荒谬的。

首次加载时，主页呈现需要 30 多秒。

我见过非常慢的网站需要 5-10 秒，但是我可能做错了什么会导致 30 秒的加载时间？

预取是一个巨大的性能杀手吗？

假设我有一个页面构建器字段，它引用了许多不同类型的内容块。

• 视频
• 引用
• 广告

等等...

根据我的阅读，不鼓励在数组中使用多种类型。

但是在这种情况下你还能做什么呢？

有没有办法在 GraphQL 中处理这个问题？

有没有更好的方法来构造数据？

我使用以下内容创建一个网格，该网格从三列缩放到两列，然后在移动设备上缩放为一列：

grid-template-columns: repeat(auto-fill(minmax(400px,1fr));

它工作正常，但在移动设备上，最小设置会导致每个项目溢出网格容器（和屏幕）。

有没有其他方法可以编写列来防止这种情况？

即“最小 400px，除非它溢出父容器”