Trình thu gọn JS / CSS
Công cụ minify này thu gọn JavaScript hoặc CSS bằng cách loại bỏ chú thích và gộp khoảng trắng, đồng thời hiển thị kích thước gốc, kích thước sau khi nén và phần trăm tiết kiệm.
Về công cụ này
Công cụ minify này thu gọn JavaScript hoặc CSS bằng cách loại bỏ chú thích và gộp khoảng trắng, đồng thời hiển thị kích thước gốc, kích thước sau khi nén và phần trăm tiết kiệm.
Cách sử dụng
- Chọn JavaScript hoặc CSS.
- Dán code của bạn vào ô nhập liệu.
- Nhấn Minify và xem dung lượng tiết kiệm được.
- Sao chép kết quả đã nén.
Điều nên biết
- Với JavaScript, công cụ xóa chú thích // và /* */, gộp khoảng trắng và bỏ dấu cách quanh toán tử, đồng thời bỏ qua các chuỗi ký tự (string literal).
- Với CSS, công cụ xóa chú thích, gộp khoảng trắng và bỏ dấu cách quanh các ký tự : { } ; và ,.
- Công cụ không đổi tên biến hay viết lại code, nên mức tiết kiệm nhỏ hơn so với các bundler như Terser hoặc esbuild.
- Tệp đã nén tải nhanh hơn vì ít byte phải truyền qua mạng hơn.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Công cụ minify này có an toàn cho code production không?
Nó phù hợp để nén nhanh và riêng tư. Với bản build production, công cụ đầy đủ như Terser hoặc esbuild còn đổi tên biến, loại bỏ code thừa và xử lý mọi trường hợp đặc biệt.
Minify có làm hỏng JavaScript của tôi không?
Nén khoảng trắng thường an toàn, nhưng code dựa vào cơ chế tự chèn dấu chấm phẩy qua các ngắt dòng có thể bị lỗi. Hãy kiểm tra kết quả.
Code của tôi có bị tải lên máy chủ không?
Không. Việc minify chạy hoàn toàn trong trình duyệt của bạn.
Tệp của tôi sẽ nhỏ đi bao nhiêu?
Điều đó phụ thuộc vào lượng chú thích và khoảng trắng trong code; công cụ hiển thị chính xác phần trăm tiết kiệm được.