Công cụ thu nhỏ JavaScript trực tuyến dùng Terser để giảm kích thước file JS bằng cách xóa khoảng trắng, rút ngắn tên biến và nhiều tối ưu khác, với thống kê tiết kiệm, miễn phí.
Thu nhỏ JavaScript là gì?
Thu nhỏ JavaScript (JS minification) là quá trình tối ưu mã JS để giảm kích thước. Terser là công cụ tiêu chuẩn được Webpack, Vite và hầu hết build tool dùng. Ngoài xóa khoảng trắng và comment, Terser còn rút ngắn tên biến (longVariableName thành a), xóa code không đến được (dead code) và nhiều tối ưu khác. JS 100KB có thể thu nhỏ xuống 40-50KB.
Cách sử dụng
- Truy cập Thu nhỏ JavaScript
- Dán JavaScript cần thu nhỏ
- Nhấn thu nhỏ và chờ Terser xử lý
- Xem thống kê kích thước trước và sau
- Sao chép JavaScript đã thu nhỏ
Trường hợp sử dụng
- Thu nhỏ script trước khi deploy lên production server
- Tối ưu tốc độ tải trang bằng cách giảm kích thước JS bundle
- Thu nhỏ script nhúng inline trong HTML
- Chuẩn bị code để phân phối qua CDN
- Thu nhỏ thư viện nhỏ khi không có bản minified
Câu hỏi thường gặp
Terser khác UglifyJS thế nào? Terser là fork của UglifyJS với hỗ trợ ES6+ tốt hơn. Đây là công cụ thu nhỏ JS tiêu chuẩn hiện nay, được dùng trong Webpack 5 và Vite.
Có tạo source map không? Công cụ này không tạo source map. Cho production với debugging, dùng Terser trực tiếp trong build pipeline.
Dữ liệu của tôi có được lưu không? Không, tất cả xử lý diễn ra trên trình duyệt. Không có gì được gửi lên máy chủ.
Thu nhỏ có phá vỡ code không? Đôi khi, đặc biệt với eval() hoặc code phụ thuộc vào tên biến (như serialization). Luôn test sau khi thu nhỏ.
Thu nhỏ JavaScript ngay - Thu nhỏ JavaScript miễn phí, không cần đăng ký.