Skip to content

Next.js Script 组件

加载外部 JS 脚本,控制执行策略。

tsx
import Script from 'next/script'

<Script src="https://example.com/analytics.js" strategy="lazyOnload" />

strategy 策略

执行时机
beforeInteractive页面可交互前(阻塞)
afterInteractive页面可交互后(默认)
lazyOnload浏览器空闲时
workerWeb Worker 中执行(实验性)