降低 Vercel 的 Edge Requests 使用

我的博客用 Next.js 写，部署在 Vercel。Vercel 免费用户每个月的 Edge Requests 请求次数限制在 100 万，超过 100 万可能会影响网站访问。

用户访问网站时，浏览器向 Vercel 发起的每一个请求都算作一次 Edge Requests，包括请求的每一个图片、图标、favicon、js、css 文件等等，无论这个文件是否已经缓存在 Vercel，这就导致 Edge Requests 的免费额度很容易超标。

查看 Vercel 后台 Usage 栏目下的 Top Paths 统计图表，可以看到图片资源往往占用较多的 Edge Requests。例如我的博客，单单 favicon 就占用了 8% 的请求数，博客用到的各种图标以及博文中的图片又占用了 15% 的请求数，如果把这些图片都迁移到 Vercel Blob 或其他 CDN 服务（小图标可以转换为 data image 直接写入 html），Edge Requests 使用量大概可以减少四分一。

另一个降低 Edge Requests 的方法是减少 code splitting，即把多个 js 文件合并为一个，但这会降低用户访问网站的速度，并不是理想的解决方法。

Vercel 的 Github 主页有更多相关讨论：