Định dạng JSON
Định dạng, thu gọn và kiểm tra JSON với vị trí lỗi rõ ràng.
Thu gọn HTML, CSS và JS
Làm nhẹ HTML, CSS và JavaScript bằng cách xóa khoảng trắng, chú thích và các byte thừa.
Tệp của bạn ở lại trên thiết bị
Cách dùng
- 1Chọn JavaScript, CSS hoặc HTML.
- 2Dán mã của bạn, hoặc chọn Thử ví dụ.
- 3Đặt các tùy chọn cho ngôn ngữ đó.
- 4Sao chép mã đã thu gọn hoặc tải xuống, và xem dòng dung lượng bên dưới các ô.
Các tùy chọn có tác dụng gì
- JavaScript
- Dùng Terser để xóa chú thích và khoảng trắng, đơn giản hóa biểu thức và bỏ mã không bao giờ chạy tới.
- Rút ngắn tên biến
- Đổi tên biến cục bộ thành một chữ cái. Hãy tắt nếu mã của bạn đọc tên lúc chạy, ví dụ qua eval.
- CSS
- Dùng csso để gộp quy tắc, rút ngắn màu và giá trị, và xóa chú thích.
- HTML
- Gộp khoảng trắng, xóa chú thích và các thuộc tính thừa.
- Thu gọn CSS và JS nội tuyến
- Cũng làm nhẹ mã bên trong thẻ style và script trong HTML.
Quyền riêng tư
Mọi thứ chạy ngay trong trình duyệt. Những gì bạn dán không bao giờ được gửi đến máy chủ. Mã chưa phát hành ở lại trên thiết bị của bạn.
Câu hỏi thường gặp
Mã đã thu gọn có an toàn để dùng không?
Trình thu gọn được thiết kế để giữ nguyên hành vi, nhưng hãy kiểm tra kết quả. Mã phụ thuộc vào tên hàm, dùng eval hoặc có lỗi cú pháp có thể bị hỏng. Hãy giữ lại tệp gốc.
Sao công cụ báo lỗi cú pháp?
JavaScript được phân tích trước khi thu gọn, nên các lỗi như thiếu ngoặc sẽ làm công cụ dừng và hiện dòng lỗi. CSS và HTML dễ tính hơn và thường được thu gọn nguyên trạng.
Tệp của tôi sẽ nhỏ đi bao nhiêu?
Tùy vào lượng khoảng trắng và chú thích bạn có. Tệp viết tay thường nhỏ đi 20 đến 60 phần trăm. Bật gzip hoặc Brotli trên máy chủ sẽ tiết kiệm thêm nữa.
Có hỗ trợ JavaScript hiện đại không?
Có. Cú pháp hiện hành như hàm mũi tên, class, hàm async và optional chaining đều được hỗ trợ. Công cụ không chuyển mã sang cú pháp cũ hơn.
Tôi có nhận được source map không?
Không. Công cụ này chỉ xuất mã đã thu gọn. Hãy dùng công cụ build của bạn khi cần source map để gỡ lỗi.