id: next-script-third-party-strategy
title: Next.js third-party script strategy
status: active
candidateKinds: [“cwv_poor”]
frameworks: [“next@*”]
metrics: [“LCP”, “INP”]
priority: 85
citations: [“https://nextjs.org/docs/app/api-reference/components/script”, “https://web.dev/articles/optimize-inp”]
maxBriefChars: 850

调查简报

第三方脚本只有在与较差的指标和路由相对应时才有可操作性。对于 LCP 或 INP，请证明某个具体脚本阻塞了关键渲染、水合或交互。

需要检查的证据

检查 next/script、原始 <script>、标签管理器、聊天组件、分析工具和同意（consent）代码。检查 beforeInteractive、afterInteractive、lazyOnload，以及脚本是路由局部还是全局的。

不应推荐的情况

在缺乏产品证据的情况下，不要将必需的机器人检测、同意、身份验证或支付脚本延后加载。不要为 App Router 推荐 worker。

验证

说明较差的指标、脚本来源、当前策略，以及需要更改的确切路由或布局行。