将 Sentry 添加到 Next.js 13.4.10 蓝图应用程序后增加了“首次加载 JS”大小

Question

我使用 Next.js 版本 13.4.10 开发了一个 Next.js 蓝图应用程序用于测试目的。最近，我将Sentry集成到项目中来监控错误和性能。然而，我注意到合并 Sentry 后“首次加载 JS”的大小显着增加。以下是添加哨兵蓝图应用程序后 Next.js 构建的输出：

我担心“First Load JS”大小的增加及其对应用程序性能的潜在影响。因此，我想了解这种增加背后的原因，并探索我可以采取的任何可能的优化或调整来缓解这种情况。 具体来说，我有以下问题： 将 Sentry 合并到 Next.js 13.4.10 项目时，“首次加载 JS”大小是否会增加？ 在 Next.js 13.4.10 中使用 Sentry 时，是否有任何特定的配置选项或最佳实践来优化包大小？ Sentry 是否有任何特定的依赖项或功能可能会导致“首次加载 JS”大小增加？

以下是我将 Sentry 导入 Next.js 应用程序的方法：

const { withSentryConfig , init} = require("@sentry/nextjs");

Answer 1

面对“next”：“13.4.13”和“@sentry/nextjs”：“^7.73.0”的确切问题，当SDK添加到项目中时，首次加载大小跳跃了近100kb。目前我正在尝试从 Next.config.ts 文件中获取它。