Nén Mã Nguồn HTML / CSS / JS

Loại bỏ chú thích và khoảng trắng thừa trong mã nguồn.

Công cụ này chạy hoàn toàn trên trình duyệt. Dữ liệu bạn nhập không rời khỏi thiết bị.

Advertisement

Công cụ này rút gọn mã HTML, CSS và JavaScript bằng cách xóa chú thích, khoảng trắng thừa và ký tự xuống dòng, giúp file nhỏ hơn đáng kể trước khi triển khai. Dùng khi cần dán nhanh một đoạn mã vào thẻ script hoặc style trong trang, hoặc kiểm tra xem một snippet sau khi nén còn bao nhiêu dung lượng thật.

Cần lưu ý giới hạn của việc nén đơn giản: công cụ chỉ xóa khoảng trắng và chú thích, không đổi tên biến, không loại bỏ mã chết và không phân tích phạm vi. Với JavaScript, việc xóa xuống dòng có thể làm hỏng mã nếu thiếu dấu chấm phẩy ở cuối câu lệnh, nên hãy dùng ASI cẩn thận và luôn chạy thử sau khi nén.

Cách sử dụng

  1. Dán mã nguồn cần nén vào ô nhập liệu.
  2. Chọn ngôn ngữ tương ứng là HTML, CSS hay JavaScript.
  3. Bấm nén và xem tỷ lệ dung lượng giảm được.
  4. Sao chép kết quả, dán vào dự án và chạy thử trước khi triển khai.

Câu hỏi thường gặp

Nén mã có làm hỏng chức năng không?

Có thể, đặc biệt với JavaScript thiếu dấu chấm phẩy ở cuối câu lệnh, vì việc xóa xuống dòng làm thay đổi cách trình thông dịch tự chèn dấu chấm phẩy. Luôn kiểm thử sau khi nén, và với dự án lớn nên dùng công cụ build có phân tích cú pháp.

Vì sao file chỉ giảm được vài phần trăm?

Nếu mã nguồn vốn đã gọn, ít chú thích và ít khoảng trắng, không còn nhiều thứ để xóa. Mức giảm lớn thường đến từ mã có nhiều chú thích và thụt lề sâu, hoặc từ việc rút gọn tên biến mà công cụ này không làm.

Mã đã nén có đọc lại được không?

Đọc được nhưng rất khó chịu vì mất hết thụt lề và xuống dòng. Muốn khôi phục dạng dễ đọc, bạn cần dùng công cụ làm đẹp mã (beautifier) tương ứng với từng ngôn ngữ, chứ không thể lấy lại chú thích đã bị xóa.

Công cụ liên quan