在HTML代码中Sentry CDN的<script>标签应该放在什么位置?
Sentry CDN 版 JavaScript SDK 的 script 标签放置建议
优先推荐将 Sentry CDN 版 SDK 的 <script> 标签放在 <head> 标签内,且尽可能排在所有其他业务脚本的前面,原因如下:
- Sentry 的核心作用是捕获页面全生命周期的脚本异常,越早加载完成,越能避免漏报:如果把标签放在
<body>末尾,那么在它之前加载的头部脚本、页面前置区域的交互脚本如果运行报错,此时 Sentry 还未加载完成,这类异常会完全无法被捕获,直接失去监控意义。 - 官方提供的 CDN 版基础 SDK 体积经过极致压缩,且依托全球 CDN 节点分发,加载延迟极低,正常场景下不会对首屏渲染造成可感知的性能影响。
仅当你对首屏加载性能有极高的强制要求,且可以接受页面早期脚本异常无法捕获的损失时,才可以考虑将标签放在 <body> 标签末尾。
额外注意:Sentry 的初始化代码(即
Sentry.init()配置段)必须放在 SDK 引入的<script>标签之后执行;如果给 SDK 的<script>标签添加了async异步加载属性,需要额外添加加载完成的监听逻辑来触发初始化,避免出现Sentry is not defined的报错。
内容的提问来源于stack exchange,提问作者Kamal Hossain
相关产品推荐
相关产品推荐

