Công cụ Nén HTML

Dán mã HTML của bạn bên dưới để nén và thu nhỏ.

HTML Gốc

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Example HTML</title>
    <style type="text/css">
      /* This is a sample CSS comment */
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 20px;
        background-color: #f4f4f4;
      }
      .container {
        max-width: 800px;
        margin: 0 auto;
        background: #fff;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }
    </style>
  </head>
  <body>
    <div class="container">
      
      <h1>HTML Compression Example</h1>
      <p>This is a sample HTML document to demonstrate the HTML compressor.</p>
      <ul>
        <li>Removes comments</li>
        <li>Collapses whitespace</li>
        <li>Removes optional tags</li>
      </ul>
      <button onclick="showMessage()" type="button">Click Me</button>
    </div>

HTML Đã Nén

Tùy chọn Nén

Xóa bình luận HTMLXóa thẻ HTML tùy chọnXóa thuộc tính trốngXóa khoảng trắng không cần thiếtThu gọn thuộc tính booleanThu nhỏ CSS trong thẻ <style> và thuộc tính style (thử nghiệm)Thu nhỏ JavaScript trong thẻ <script> (thử nghiệm)

Cách sử dụng Công cụ Nén HTML

1
Dán HTML của bạn
Sao chép mã nguồn trang hoặc đoạn HTML của bạn vào ô Original HTML.
2
Chọn những gì cần loại bỏ
Tích các tùy chọn nén bạn muốn, chẳng hạn xóa chú thích, gộp khoảng trắng, loại bỏ thuộc tính rỗng, hoặc nén CSS và JavaScript nội tuyến.
3
Nén mã
Nhấn Compress HTML để rút gọn đánh dấu và xem kích thước gốc, kích thước sau khi nén và phần trăm tiết kiệm.

4
Sao chép HTML đã nén
Dùng Copy Compressed HTML để lấy mã đã tối ưu cho trang web hoặc quy trình build của bạn.

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

Bộ nén HTML loại bỏ những gì?

Tùy theo tùy chọn bạn bật, nó loại bỏ chú thích HTML, gộp khoảng trắng và dòng mới không cần thiết, xóa các thuộc tính rỗng và tùy chọn, gộp các thuộc tính boolean, và có thể bỏ các thẻ đóng tùy chọn để giảm kích thước tệp.

Công cụ có thể nén cả CSS và JavaScript nội tuyến không?

Có. Có các tùy chọn thử nghiệm để nén CSS bên trong thẻ <style> và thuộc tính style, cũng như nén JavaScript bên trong thẻ <script>, nên bạn có thể nén toàn bộ trang trong một lần.

Tệp của tôi sẽ nhỏ đi bao nhiêu?

Điều đó tùy thuộc vào lượng khoảng trắng và chú thích trong đánh dấu của bạn, nhưng công cụ hiển thị chính xác kích thước gốc, kích thước sau khi nén và phần trăm giảm để bạn thấy số byte tiết kiệm được cho tệp cụ thể của mình.

Việc rút gọn có làm hỏng trang của tôi không?

Việc xóa khoảng trắng và chú thích tiêu chuẩn là an toàn cho HTML đúng cấu trúc. Các tùy chọn nén CSS và JS được đánh dấu là thử nghiệm, nên nên kiểm thử kết quả, đặc biệt nếu các script của bạn phụ thuộc vào định dạng hoặc chú thích cụ thể.

HTML của tôi có được tải lên máy chủ không?

Không. Việc nén chạy hoàn toàn trong trình duyệt của bạn, nên mã của bạn vẫn ở trên thiết bị. Công cụ miễn phí, không cần đăng ký và hoạt động trên di động.

Công cụ liên quan

Tiếp tục với những công cụ hữu ích này

Bộ Chuyển Đổi HTML sang Văn Bản

Trình định dạng JSON

Công Cụ Chuyển Đổi Văn Bản Sang HTML

Công cụ Tạo Danh sách HTML

Công Cụ Tạo Bảng HTML

Trình kiểm tra Regex