Next.js Scripts

Expert guidance on loading and optimizing third-party scripts in Next.js — next/script strategies, inline scripts, event handlers, and web workers.

@doc-version: 16.2.6

Core Concepts

next/script optimizes third-party script loading:

• Defers scripts ไม่ block main thread
• Loads once แม้ navigate หลาย routes
• 4 loading strategies ตาม priority
• Event handlers สำหรับ post-load logic

Guidelines

1. Layout Scripts (Multiple Routes)