Công Cụ Nén Mã

Công Cụ Nén Mã Là Gì?

Công Cụ Nén Mã là một công cụ dựa trên trình duyệt giúp nén mã JavaScript, CSS và HTML để giảm kích thước tệp. Nó loại bỏ các ký tự không cần thiết như bình luận, khoảng trắng và các phần tử cú pháp tùy chọn trong khi vẫn giữ nguyên chức năng của mã.

Tại Sao Phải Nén Mã?

Nén mã giảm kích thước tệp, dẫn đến thời gian tải trang nhanh hơn và sử dụng băng thông thấp hơn. Các tệp nhỏ hơn có nghĩa là tải xuống nhanh hơn cho người dùng của bạn và cải thiện điểm hiệu suất web.

Mã Của Bạn Luôn Được Bảo Mật

Tất cả các hoạt động nén diễn ra trong trình duyệt của bạn:

• Không tải lên — mã của bạn không bao giờ rời khỏi thiết bị của bạn
• Không theo dõi — chúng tôi không thu thập hoặc lưu trữ bất kỳ mã nào bạn dán
• Bảo mật hoàn toàn — tất cả xử lý diễn ra cục bộ trong trình duyệt của bạn

Cách Sử Dụng Công Cụ Nén Mã

Hành Động Nhanh

Phím Tắt Bàn Phím

• Ctrl + Enter — nén ngay lập tức (bỏ qua độ trễ debounce)
• Tab — chèn 4 khoảng trắng để thụt lề trong khu vực nhập

Tính Năng

Nén JavaScript

Được cung cấp bởi Terser — một công cụ nén JavaScript cấp sản xuất được sử dụng rộng rãi hỗ trợ cú pháp ES6+ hiện đại và cung cấp các khả năng tối ưu hóa nâng cao.

Nén CSS

• Xóa bình luận CSS (/* ... */)
• Thu gọn khoảng trắng và xóa khoảng trắng không cần thiết xung quanh bộ chọn và thuộc tính
• Rút ngắn màu hex (#ffffff → #fff)
• Tối ưu hóa giá trị không (0px → 0)
• Xóa dấu chấm phẩy ở cuối trước dấu ngoặc nhọn đóng
• Bảo tồn biểu thức calc() với khoảng trắng bắt buộc

/* Main styles */
.button {
    background-color: #ffffff;
    padding: 0px 10px;
    margin: 0px;
}

.button{background-color:#fff;padding:0 10px;margin:0}

Nén HTML

• Xóa bình luận HTML trong khi bảo tồn bình luận có điều kiện
• Thu gọn khoảng trắng giữa và xung quanh các thẻ
• Xóa thẻ đóng tùy chọn (</li>, </p>, </td>, v.v.)
• Xóa dấu ngoặc kép thuộc tính không cần thiết cho các giá trị đơn giản
• Loại bỏ các thuộc tính loại mặc định (type="text/javascript", type="text/css")
• Bảo tồn nội dung trong các thẻ <pre>, <script>, <style> và <textarea>

Tính Năng Chung

Các Câu Hỏi Thường Gặp

function calculateTotal(price, quantity) {
    return price * quantity;
}

function calculateTotal(a,b){return a*b}