JS Minifier
Nén JavaScript bằng Terser, giảm dung lượng
JavaScript Minifier
Công cụ JS Minifier giúp bạn nén mã JavaScript nhanh chóng bằng thư viện Terser — trình minifier mạnh mẽ nhất hiện nay, hỗ trợ rút gọn tên biến (mangle) và nén cú pháp (compress) để giảm tối đa kích thước file. Việc minify JavaScript giúp trang web tải nhanh hơn, tiết kiệm băng thông và cải thiện điểm Core Web Vitals. Chỉ cần dán code vào, công cụ sẽ cho ra file .min.js tối ưu ngay lập tức.
Lợi ích
Sử dụng JS Minifier với Terser mang lại nhiều lợi thế rõ rệt so với việc giữ nguyên mã JavaScript gốc:
- Giảm kích thước file JavaScript lên đến 60–80%, giúp trang tải nhanh hơn đáng kể.
- Rút gọn tên biến và hàm (mangle) khiến code khó đọc hơn, bổ sung một lớp bảo vệ cơ bản cho logic nghiệp vụ.
- Loại bỏ comment, khoảng trắng và code không dùng đến, giảm số byte truyền qua mạng.
- Tương thích với cả ES5 và ES6+ — Terser hiểu cú pháp hiện đại và tối ưu chính xác.
Trường hợp sử dụng
Công cụ phù hợp với nhiều tình huống thực tế trong quá trình phát triển và triển khai web:
- Minify file JavaScript trước khi đẩy lên production để tăng tốc độ tải trang.
- Tối ưu các script nhúng thẳng trong trang HTML mà không cần build pipeline phức tạp.
- Chuẩn bị asset cho CDN hoặc cache tĩnh khi không có Webpack/Rollup/Vite trong dự án.
- Kiểm tra nhanh output của Terser trước khi tích hợp vào quy trình CI/CD tự động.
Cách sử dụng
Quy trình minify JavaScript với công cụ này rất đơn giản, không cần cài đặt hay đăng nhập:
- Dán toàn bộ mã JavaScript của bạn vào ô nhập liệu bên trái.
- Chọn tùy chọn nén: bật/tắt mangle (rút gọn tên) và compress (tối ưu cú pháp) tùy nhu cầu.
- Nhấn nút Minify — kết quả sẽ hiển thị ngay trong ô bên phải.
- Sao chép code đã nén hoặc tải về dưới dạng file
.min.js.
Câu hỏi thường gặp
Terser khác gì so với UglifyJS? Terser là bản fork của UglifyJS được cập nhật để hỗ trợ đầy đủ cú pháp ES6+ (arrow function, class, template literal...), trong khi UglifyJS chỉ xử lý tốt ES5.
Mangle tên biến có làm hỏng code của tôi không? Không, nếu code của bạn không phụ thuộc vào tên thuộc tính động qua chuỗi ký tự; Terser chỉ đổi tên biến cục bộ và tham số hàm, không đụng đến thuộc tính của object hay export.
Tôi có thể minify code đã được minify rồi không? Về mặt kỹ thuật có thể, nhưng lợi ích hầu như không đáng kể vì lần minify đầu tiên đã loại bỏ gần hết khoảng thừa.
Công cụ có lưu trữ code tôi nhập vào không? Không, toàn bộ quá trình xử lý diễn ra trực tiếp trên trình duyệt của bạn — không có dữ liệu nào được gửi lên server.