JS/CSS Minifier
JS/CSS Minifier — chạy trên trình duyệt. Không lưu dữ liệu.
Nén JS / CSS cơ bản
Nhập giá trị, rồi nhấn Tính.
Chỉ xóa chú thích và khoảng trắng. Không thay việc làm rối nâng cao hay bundler.
Cách sử dụng
- Trong chế độ, chọn JavaScript hoặc CSS. Mặc định JavaScript.
- Dán mã cần minify vào nguồn.
- Bấm Minify. Mã đã giảm comment và khoảng trắng hiện trong kết quả.
- Trong thống kê phía trên, so số ký tự gốc và đã minify.
- Sao chép kết quả để lấy. Đặt lại reset nguồn, kết quả và số, trả chế độ về JavaScript.
Khái niệm chính
Minify JS/CSS là bộ thu nhỏ nhẹ, gỡ comment và khoảng để giảm chút kích thước trước deploy. Chế độ JavaScript gỡ comment khối và dòng rồi dán khoảng quanh ngoặc và toán tử; chế độ stylesheet gỡ comment khối rồi dán khoảng giữa selector và ngoặc. Không làm rối tên, tree-shake hay phân tích scope, nên không thay bundler hay Terser. Hợp ước lượng byte trên snippet nhỏ.
Số gốc và đã minify là độ dài chuỗi nhập/xuất. Dấu gạch trong regex literal hoặc mẫu giống comment trong chuỗi có thể đọc nhầm, nên nguồn phức tạp an toàn hơn khi minify trong pipeline build. Minify JS/CSS không tải tệp; chỉ thay trong trình duyệt. Không phải công cụ chất lượng bundle production mà là trợ lý rút bản nháp nhiều comment để so. Kết quả minify trông hỏng thì kiểm tra chế độ, và giữ cấu hình bundle sẵn cho bản deploy cuối. Sau khi ước chênh kích thước trên hàm ngắn hoặc một khối rule, sao chép.
Ví dụ
Chế độ JavaScript, dán function hello() { /* chào */ console.log("hi"); } rồi minify: comment và khoảng biến mất, dán về một dòng. Số ký tự gốc và đã minify cập nhật trong thống kê.
Liên quan: Bộ định dạng JS/CSS · Bộ định dạng HTML · Bộ định dạng JSON
Câu hỏi thường gặp
Minify JS/CSS có giống bundler hay Terser?
Không. Chỉ gỡ comment và khoảng bằng regex. Không rút tên biến hay xóa mã chết.
Vì sao tách chế độ JavaScript và CSS khi minify JS/CSS?
JavaScript xử lý comment dòng và khoảng toán tử; stylesheet xử lý khoảng selector/ngoặc và chấm phẩy thừa khác nhau.
Số gốc và đã minify sau minify JS/CSS là gì?
Số ký tự của nguồn nhập và kết quả xuất. Hiện mức co theo độ dài chuỗi, không phải kilobyte.
Ký hiệu giống comment trong chuỗi có làm hỏng minify JS/CSS?
Có. Thay đơn giản có thể nhầm // trong regex hoặc chuỗi thành comment, nên dùng bộ minify chuyên cho nguồn quan trọng.
Nguồn minify JS/CSS có tải máy chủ?
Không. Minify, sao và đặt lại đều xong trong trình duyệt. Không tải tệp.
Đặt lại minify JS/CSS có đổi luôn chế độ?
Có. Đặt nguồn, kết quả và số gốc/đã minify về 0 và trả chế độ về JavaScript.
Cập nhật lần cuối: 2026-09-04