Minify HTML Để Thu Nhỏ Trang
Công cụ minify HTML này nén mã ngay trong trình duyệt để giảm dung lượng tệp. Nó xóa chú thích, gộp khoảng trắng giữa các thẻ, bỏ thẻ đóng tùy chọn và dọn các thuộc tính thừa — tạo ra trang nhỏ hơn, tải nhanh hơn mà hiển thị y hệt. Công cụ dành cho lập trình viên front-end, người viết template và bất kỳ ai xuất bản HTML tĩnh muốn giảm byte mà không cần thêm bước build.
Vì Sao Nên Nén HTML
Hiển Thị Nhanh Hơn
Tải Trọng Nhỏ Hơn
Không Cần Bước Build
Cách Minify HTML
Dán Hoặc Tải Lên HTML Của Bạn
Nhập hoặc dán mã vào khung Đầu vào bên trái, hoặc dùng Tải lên để nạp tệp .html. Bấm Mẫu để thử với mã ví dụ.
Chọn Tùy Chọn Của Bạn
Bật tắt Xóa comment, Gộp khoảng trắng và Xóa thẻ tùy chọn để kiểm soát mức độ nén trang.
Để Nó Minify
Kết quả tự động cập nhật khi bạn chỉnh sửa. Để minify ngay mà không cần chờ, nhấn Ctrl + Enter trong trình soạn thảo.
Xem Lại & Xuất
Kiểm tra thanh thống kê để xem dung lượng gốc, dung lượng sau khi minify và phần trăm tiết kiệm. Sau đó Sao chép kết quả hoặc Tải xuống dưới dạng tệp .html.
Tùy Chọn & Tính Năng Minify
Tùy Chọn Có Thể Cấu Hình
Mỗi tùy chọn nhắm vào một nguồn gây phình mã cụ thể. Kết hợp chúng để đạt cân bằng mong muốn giữa dung lượng và khả năng đọc.
| Tùy chọn | Chức năng | Mặc định |
|---|---|---|
| Xóa comment | Xóa chú thích <!-- --> trong khi giữ conditional comment | Bật |
| Gộp khoảng trắng | Xóa khoảng trắng và dấu xuống dòng thừa giữa và quanh các thẻ | Bật |
| Xóa thẻ tùy chọn | Bỏ các thẻ đóng tùy chọn như </li>, </p>, </td> | Tắt |
Thông Minh & An Toàn Theo Mặc Định
Giữ Nguyên Thẻ Nhạy Cảm
Nội dung bên trong <pre>, <script>, <style> và <textarea> không bao giờ bị đụng đến, nên định dạng và mã vẫn nguyên vẹn.
Xóa Thuộc Tính Mặc Định
Xóa các khai báo thừa type="text/javascript" và type="text/css" mà trình duyệt vốn đã ngầm hiểu, cùng dấu ngoặc kép quanh các giá trị thuộc tính đơn giản.
Giữ Conditional Comment
Conditional comment kiểu IE cũ (<!--[if ...]-->) vẫn được giữ lại ngay cả khi bật xóa chú thích.
Thống Kê Nén Trực Tiếp
Xem dung lượng gốc, dung lượng sau khi minify và phần trăm tiết kiệm sau mỗi lần chạy, kèm kết quả tô sáng cú pháp.
Câu Hỏi Thường Gặp
Code của tôi có được gửi lên máy chủ không?
Không. Mọi thao tác minify diễn ra cục bộ trong trình duyệt. Mã HTML của bạn không bao giờ được tải lên, ghi log, hay lưu ở bất kỳ đâu.
Minify có làm hỏng HTML của tôi không?
Không. Minify chỉ xóa các ký tự mà trình duyệt vốn bỏ qua. Nội dung bên trong <pre>, <script>, <style> và <textarea> được giữ nguyên, nên trang hiển thị y hệt.
Minify HTML có cải thiện tốc độ trang không?
Có, ở mức vừa phải. HTML nhỏ hơn tải nhanh hơn và trình duyệt phải phân tích ít byte hơn. Hiệu quả này cộng dồn lên trên nén gzip/Brotli, và có ý nghĩa nhất trên kết nối chậm hoặc di động.
"Thẻ đóng tùy chọn" là gì?
Trong HTML5, thẻ đóng của một số phần tử — như </li>, </p> và </td> — là tùy chọn. Trình duyệt tự suy ra vị trí của chúng, nên xóa chúng vẫn là HTML hợp lệ và giảm dung lượng tệp mà không ảnh hưởng hiển thị.
Tôi có thể tiết kiệm được bao nhiêu dung lượng?
Tùy vào lượng khoảng trắng, thụt lề và số chú thích trong mã nguồn — template được định dạng hoặc ghi chú kỹ tiết kiệm nhiều nhất. Thanh thống kê trực tiếp hiển thị mức tiết kiệm chính xác cho mỗi lần chạy.
Tôi có thể unminify HTML không?
Minify là một chiều: chú thích và khoảng trắng đã xóa thì mất luôn. Để mã HTML đã nén dễ đọc lại, hãy chạy nó qua trình định dạng hoặc làm đẹp HTML để thụt lề lại mã.
Nó có minify JavaScript hoặc CSS nội tuyến của tôi không?
Không. Nội dung bên trong thẻ <script> và <style> được giữ nguyên. Để nén phần đó, hãy chạy mã qua tab minify JavaScript hoặc CSS chuyên dụng trước.
Chưa có bình luận nào. Hãy là người đầu tiên!