Công cụ nén HTML: Nén markup, đo byte tiết kiệm
Công cụ nén HTML biến HTML đã dán hoặc thả thành phiên bản gọn hơn bằng cách phân tích nó với DOMParser của trình duyệt, xóa chú thích, gộp khoảng trắng, và nén CSS và JavaScript inline. Chọn các tùy chọn nén có sẵn, rồi xem lại đầu ra cùng số byte trước-sau và tỉ lệ phần trăm tiết kiệm. Chú thích điều kiện IE được giữ lại, nên bạn có thể kiểm tra kết quả gọn trước khi dùng.
Công cụ nén HTML là công cụ nén HTML chạy trên trình duyệt, tạo phiên bản gọn của markup của bạn. Dán hoặc thả HTML để chuyển đổi trực tuyến, rồi xem lại đầu ra cùng bản gốc và xem số byte cùng tỉ lệ phần trăm tiết kiệm. Công cụ dùng DOMParser của trình duyệt để phân tích và tuần tự hóa lại HTML.
Trong quá trình nén, chú thích bị xóa, khoảng trắng được gộp, và các khối style, script inline được nén. Bạn có thể chọn các tùy chọn nén có sẵn, dù hành vi của công cụ giới hạn ở các tùy chọn nó cung cấp. Chú thích điều kiện IE được giữ lại. Các số kích thước trước-sau giúp bạn thấy kết quả thay vì dựa vào ước tính.
HTML là markup dùng để mô tả cấu trúc của trang, còn CSS định nghĩa kiểu và JavaScript cung cấp scripting. Nén loại bỏ hoặc giảm nội dung như chú thích và khoảng trắng để làm markup đã tuần tự hóa gọn hơn. Lập trình viên có thể dùng payload HTML nhỏ hơn khi phát hành trang hoặc đặt markup trong URL, header hoặc giá trị cấu hình. Luôn xem lại kết quả đã tạo cho mục đích dự định của bạn.
Công cụ nén HTML chạy hoàn toàn trong trình duyệt của bạn: dữ liệu nhập được xử lý trên thiết bị của bạn và không bị tải lên, lưu trữ hay gửi đến máy chủ. Sau khi trang đã tải, công cụ hoạt động ngoại tuyến vì không phụ thuộc máy chủ. Công cụ miễn phí và hữu ích cho lập trình viên và kỹ sư DevOps muốn nén gọn HTML và kiểm tra byte tiết kiệm mà không gửi markup của họ đi nơi khác.
Bước 1: Dán HTML hoặc thả vào công cụ. Công cụ nén chấp nhận đầu vào HTML và xử lý nó trong trình duyệt của bạn.
Bước 2: Chọn các tùy chọn nén có sẵn. Các tùy chọn này kiểm soát việc nén áp dụng cho HTML và các khối style, script inline của nó.
Bước 3: Xem lại kết quả HTML gọn. Công cụ phân tích và tuần tự hóa lại markup, xóa chú thích và gộp khoảng trắng.
Bước 4: So sánh số byte trước-sau và tỉ lệ phần trăm tiết kiệm, rồi sao chép kết quả cho dự án của bạn.
Trường hợp sử dụng: Thu gọn HTML trước khi đưa vào dự án. Xóa chú thích và gộp khoảng trắng có thể tạo phiên bản gọn hơn của markup.
Trường hợp sử dụng: So sánh số byte gốc và đã nén để quyết định mức giảm kích thước có hữu ích cho trang của bạn không.
Trường hợp sử dụng: Tạo payload HTML gọn cho URL, header hoặc giá trị cấu hình khi bạn cần nhét markup vào định dạng khác.
Trường hợp sử dụng: Nén CSS và JavaScript inline cùng HTML để các khối nhúng đó được gồm trong kết quả gọn.
Trường hợp sử dụng: Kiểm tra tác dụng của các tùy chọn nén có sẵn khác nhau bằng cách xem lại markup thu được và byte tiết kiệm.
Trường hợp sử dụng: Chuẩn bị HTML để xem lại hoặc chia sẻ bằng cách xóa chú thích và khoảng trắng không cần thiết trong khi giữ chú thích điều kiện IE.