Trình rút gọn JavaScript

Cách dùng

1. 1 Dán mã JavaScript của bạn vào ô bên trái.
2. 2 Bật/tắt Mangle / Compress và chọn chính sách xử lý comment.
3. 3 Nhấn Minify — xem ngay kích thước trước/sau.

Vì sao dùng công cụ này

• Dùng chính engine terser — trình rút gọn được webpack, Rollup và Vite sử dụng.
• Tải lười (lazy-loaded) — terser chỉ được tải khi bạn nhấn Minify, giúp trang luôn nhẹ.
• So sánh kích thước song song để bạn thấy chính xác mình đã tiết kiệm được bao nhiêu.
• Hoàn toàn client-side — mã nguồn của bạn không bao giờ rời khỏi trình duyệt.

Câu hỏi thường gặp

Trình rút gọn JavaScript là gì?

Trình rút gọn JavaScript là công cụ nén mã nguồn JavaScript để giảm kích thước tệp, giúp tải nhanh hơn. Được xây dựng trên terser, công cụ cho phép tùy chỉnh việc rút gọn tên biến (mangle), nén mã và chính sách xử lý comment, đồng thời hiển thị so sánh kích thước trước và sau khi rút gọn. Toàn bộ quá trình chạy ngay trên trình duyệt, mã nguồn không bao giờ được tải lên máy chủ.

Tính năng

Ví dụ

function add(a, b) {
  // sum two numbers
  return a + b;
}

function add(n,d){return n+d}

Trường hợp sử dụng

1. 1

   Thu gọn script trước khi triển khai

   Giảm số byte của một file JS độc lập để tăng tốc độ tải trang.

2. 2

   Nén nhanh một lần

   Nén một đoạn mã mà không cần thiết lập công cụ build.

3. 3

   So sánh các tùy chọn nén

   Bật/tắt mangle/compress và theo dõi mức chênh lệch dung lượng để tinh chỉnh kết quả.

Tài liệu tham khảo

• Terser — Công cụ rút gọn và nén JavaScript — GitHub
• Minification — Bảng thuật ngữ MDN Web Docs — MDN

Công cụ liên quan