Turbopack: What's New in Next.js 16.2

Vercel · 2026 · 3. Quy mô lớn · Độ khó: Trung bình — bài gốc

Vercel vừa làm framework Next.js vừa bán nền tảng chạy nó; nhận định về sản phẩm của họ trong trang này đều là "theo Vercel". Thông báo phát hành (release note) của Turbopack; số đo là theo Vercel.

Thay đổi chính

• Server Fast Refresh, bật mặc định: cách cũ xoá require.cache của module đổi và mọi module trong chuỗi import của nó, thường nạp lại cả phần không đổi (kể cả node_modules). Cách mới dùng đồ thị module của Turbopack để chỉ nạp lại đúng module đổi, như Fast Refresh phía trình duyệt. Theo Vercel, refresh ứng dụng nhanh hơn 67–100%, compile bên trong Next.js nhanh hơn 400–900%; ví dụ phần Next.js từ 40 ms xuống 2,7 ms. Proxy và Route Handler còn dùng cách cũ.
• Subresource Integrity: băm từng file JavaScript lúc build để trình duyệt chỉ chạy script có hash được duyệt; theo Vercel đây là cách dùng Content Security Policy mà không phải render động mọi trang như kiểu nonce.
• Tree shaking cho import() động có destructure; Worker có origin đúng (thay blob://) để fetch/WASM chạy được; hơn 200 sửa lỗi, tối ưu mã hoá dữ liệu và hashing để giảm bộ nhớ.

Bài học cho SWE

• Hot reload chính xác cần biết dependency graph; xoá cache theo chuỗi import là cách thô, tốn thời gian tỉ lệ với cả chuỗi.

Liên quan

• Vercel 2026 · Vercel 2026
• CI và build ở quy mô lớn · Kiến trúc frontend