【发布时间】：2022-01-14 11:55:34
【问题描述】：
我有一个包含大量静态资源（图像、视频、音频）的页面，这些资源对页面性能的影响非常糟糕。
在检查网络选项卡时，我发现所有这些资产都没有被缓存（缓存控件是 public, max-age=0, must-revalidate），尽管我使用 Vercel 进行部署。
是我遗漏了什么还是有其他方法可以优化更多？
【问题讨论】：
标签： reactjs caching optimization next.js vercel
【发布时间】：2022-01-14 11:55:34
【问题描述】：
Vercel 使用其边缘网络在边缘缓存您的内容。
来自 Vercel 的 Caching 文档：
Vercel 边缘网络将您的内容缓存在边缘，以便 尽快向您的用户提供数据。
静态缓存对于所有部署都是自动的。这意味着没有 需要对标题进行更改。
但是，您仍然可以通过覆盖 Cache-Control 标头来自定义它。
默认情况下，我们返回一个包含
public, max-age=0, must-revalidate的Cache-Control标头，以防止客户端（例如浏览器） 在本地缓存文件。这为您作为用户提供了最大的灵活性 部署后立即从我们的全球 CDN 获取最新文件。 这可以用vercel.json中的 Headers 属性覆盖 文件。
【讨论】：