Minify JS, CSS, HTML online

Nén (minify) JavaScript bằng Terser, CSS bằng CSSO, HTML và JSON, kèm dung lượng và kích thước gzip trước, sau; tự nhận biết loại mã nguồn.

Công cụ miễn phí: 20 request mỗi phút.

Kết quả

Bấm “Chạy” để xem kết quả.

API minify thu nhỏ mã front-end trước khi đưa lên production. JavaScript được xử lý bằng Terser (nén hai lượt, đổi tên biến cục bộ, module=true cho ES module), CSS bằng CSSO (gộp quy tắc, rút gọn màu và giá trị, restructure=false để nén an toàn hơn), JSON được ghi lại không khoảng trắng, còn HTML bỏ comment, bỏ khoảng trắng giữa các thẻ khối và nén luôn các khối <script>, <style> bên trong.

Để trống type để API tự nhận biết loại mã, hoặc chỉ định js, css, html, json. Comment bản quyền (/*! … */, @license, @preserve) được giữ lại. Trong HTML, nội dung <pre> và <textarea> giữ nguyên, giữa các thẻ inline vẫn còn một dấu cách, và minify_js=false / minify_css=false để không nén mã nhúng.

Kết quả gồm mã đã nén và size: số byte đầu vào, đầu ra, phần trăm tiết kiệm và kích thước sau gzip, con số quyết định thời gian tải. Lỗi cú pháp trả về parse_error kèm dòng và cột.

Dùng trong code của bạn

curl -X POST "https://apibox.io.vn/v1/minify" \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"code":"function tinhTong(soThuNhat, soThuHai) {\n  // cộng hai số\n  const tong = soThuNhat + soThuHai;\n  return tong;\n}\nconsole.log(tinhTong(1, 2));"}'

Tài liệu API → Nhận API key miễn phí

Hỏi đáp

Mã có bị thay đổi hành vi không?

Terser và CSSO chỉ áp dụng các biến đổi an toàn. Nếu script phụ thuộc vào tên hàm, hãy gửi mangle=false.

Có hỗ trợ TypeScript, SCSS không?

Không: hãy biên dịch sang JavaScript hoặc CSS trước rồi mới nén.

Giới hạn kích thước là bao nhiêu?

2.000.000 ký tự mã nguồn mỗi lần gọi.