Công Cụ Nén JavaScript

Công cụ Nén JavaScript là tiện ích trực tuyến miễn phí giúp nén mã JS để giảm dung lượng tệp. Được hỗ trợ bởi Terser, công cụ nén ES6+ tiêu chuẩn ngành, nó loại bỏ khoảng trắng, rút gọn tên biến, loại bỏ mã chết và xóa các câu lệnh gỡ lỗi để tạo ra đầu ra gọn nhẹ, sẵn sàng cho production.

Chạy hoàn toàn trong trình duyệt. Terser thực thi cục bộ, nên JavaScript của bạn không bao giờ được tải lên hay lưu trữ — kể cả mã nguồn độc quyền cũng nằm yên trên máy bạn.

Vì Sao Nên Nén JavaScript

Tải & Phân Tích Nhanh Hơn

Gói nhỏ hơn tải nhanh hơn và bộ máy phân tích ít ký tự hơn, giúp trang tương tác sớm hơn.

Gói Nhỏ Hơn

Mangle và compress thường cắt 40–70% kích thước mã nguồn ngay cả trước khi nén gzip.

Mã Production Sạch Hơn

Xóa lệnh console và debugger để thông tin gỡ lỗi không bao giờ lọt đến người dùng cuối.

Cách Nén JavaScript

Dán Hoặc Tải JS Lên

Gõ hoặc dán script vào ô nhập bên trái, hoặc dùng Tải lên để nạp tệp .js. Nhấn Mẫu để nạp mã ví dụ.

Cấu Hình Tùy Chọn Terser

Bật/tắt Mangle, Compress, Drop console và Drop debugger để tinh chỉnh mức độ tối ưu mã.

Nén

Bấm Minify hoặc nhấn Ctrl + Enter. Terser xử lý mã và kết quả xuất hiện ngay trong ô đầu ra.

Xem & Xuất

Xem thanh thống kê hiển thị dung lượng gốc, dung lượng sau nén và mức tiết kiệm. Sau đó Sao chép kết quả hoặc Tải về dưới dạng tệp.

Phím tắt: nhấn Ctrl + Enter ngay trong trình soạn thảo để nén tại chỗ.

Tối Ưu & Tính Năng

Giải Thích Các Tùy Chọn Terser

Mỗi tùy chọn tương ứng với một phép biến đổi của Terser. Kết hợp lại, chúng xử lý được cú pháp ES6+ hiện đại và tạo ra đầu ra production đáng tin cậy.

Tùy chọn	Tác dụng	Mặc định
Mangle	Rút gọn tên biến và hàm cục bộ (vd. `userName` → `a`)	Bật
Compress	Áp dụng loại bỏ mã chết và hàng chục tối ưu kích thước	Bật
Drop console	Xóa toàn bộ lệnh `console.*`	Tắt
Drop debugger	Xóa các câu lệnh `debugger`	Bật

Bộ Máy Cấp Production

Hỗ Trợ Đầy Đủ ES6+

Terser hiểu hàm mũi tên, class, template literal, async/await và các cú pháp hiện đại khác.

Dọn Dẹp Gỡ Lỗi

Xóa lệnh console và điểm dừng debugger để chúng không bao giờ lên production.

Thống Kê Nén

Xem dung lượng gốc, dung lượng sau nén và phần trăm tiết kiệm sau mỗi lần chạy.

Tải Lên Hoặc Dán

Nạp tệp .js từ ổ đĩa hoặc dán mã trực tiếp — tùy bạn.

Lưu ý về Mangle: Terser chỉ đổi tên các định danh cục bộ, không bao giờ đụng tới biến toàn cục hay thuộc tính đối tượng được truy cập bằng chuỗi. Tránh phụ thuộc vào tên hàm hay biến lúc chạy (ví dụ phản chiếu của framework) khi bật mangle.

Câu Hỏi Thường Gặp

Mã của tôi có được gửi lên máy chủ không?

Không. Terser chạy cục bộ trong trình duyệt. JavaScript của bạn không bao giờ được tải lên, ghi log hay lưu ở bất kỳ đâu.

"Mangle" làm gì?

Mangle rút gọn tên biến và hàm cục bộ — ví dụ myVariable thành a — để giảm dung lượng tệp mà không thay đổi cách mã hoạt động. Nó chỉ đổi tên những định danh không được phơi bày ra bên ngoài.

Có nên bật "Drop console" cho production không?

Thường là nên. Việc xóa các lệnh console.log giảm dung lượng tệp và ngăn thông tin gỡ lỗi lọt đến người dùng. Hãy tắt nếu ứng dụng của bạn cố ý ghi log ra console trên production.

Công cụ dùng bộ máy nén nào?

Công cụ này dùng Terser, công cụ nén JavaScript được sử dụng rộng rãi nhất và cũng là bộ máy đứng sau nhiều bundler hiện đại. Nó hỗ trợ đầy đủ cú pháp ES6+.

Nó có thể làm hỏng mã của tôi không?

Terser rất đáng tin cậy, nhưng việc mangle mạnh tay có thể ảnh hưởng đến mã phụ thuộc vào tên định danh lúc chạy (chẳng hạn một số mẹo phản chiếu hay tuần tự hóa). Hãy luôn kiểm thử đầu ra đã nén trước khi triển khai và giữ mã nguồn gốc.