Công cụ nén HTML: Thu gọn HTML và đo dung lượng Gzip
Công cụ nén HTML thu gọn HTML được dán vào bằng cùng cách thu gọn như HTML Minifier, rồi đo dung lượng gzip thực tế của kết quả bằng CompressionStream gốc của trình duyệt. Công cụ báo cáo số byte gốc, đã thu gọn và đã gzip để bạn so sánh markup trước và sau khi thu gọn, đồng thời thấy dung lượng nén mà CDN hoặc máy chủ web sẽ gửi. Hãy chọn các tùy chọn thu gọn có sẵn trước khi sao chép kết quả gọn nhẹ.
Công cụ nén HTML là công cụ thu gọn HTML và đo dung lượng gzip trong trình duyệt, dành cho nhà phát triển muốn so sánh markup gọn nhẹ với dung lượng nén của nó. Công cụ áp dụng cùng cách thu gọn như HTML Minifier, rồi dùng CompressionStream gốc của trình duyệt để đo dung lượng gzip thực tế của HTML thu được. Công cụ hiển thị số byte gốc, đã thu gọn và đã gzip.
Để dùng Công cụ nén HTML, hãy dán hoặc thả HTML, chọn các tùy chọn thu gọn và xem lại kết quả gọn nhẹ cùng các phép đo. Giai đoạn thu gọn tuân theo cùng cách hoạt động như HTML Minifier, và phép đo gzip được áp dụng cho kết quả đã thu gọn đó. Việc so sánh ba số byte giúp thấy sự khác biệt giữa thu gọn và nén gzip.
HTML là định dạng markup để cấu trúc nội dung, còn gzip là định dạng nén dùng để giảm dung lượng dữ liệu khi truyền tải. Thu gọn HTML có thể khiến markup gọn hơn mà không thay đổi ý nghĩa; đo dung lượng gzip của nó cho thấy dung lượng nén mà CDN hoặc máy chủ web sẽ gửi. Các con số này giúp nhà phát triển đánh giá cả kết quả đã thu gọn lẫn dung lượng truyền tải đã nén.
Quá trình xử lý chạy hoàn toàn trong trình duyệt của bạn: HTML của bạn được xử lý trên thiết bị và không bị tải lên, lưu trữ hay gửi tới 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ụ nén HTML hữu ích cho nhà phát triển và kỹ sư DevOps muốn xem dung lượng HTML, chuẩn bị tải trọng gọn nhẹ hoặc so sánh kết quả thu gọn với phép đo gzip. Các số byte cung cấp cách đơn giản để xem lại hiệu quả của việc thu gọn trước khi dùng kết quả.
Bước 1: Dán hoặc thả HTML vào công cụ. Công cụ chấp nhận dữ liệu nhập HTML và xử lý trong trình duyệt của bạn.
Bước 2: Chọn các tùy chọn thu gọn. Công cụ áp dụng cùng cách thu gọn như HTML Minifier.
Bước 3: Xem lại HTML gọn nhẹ và so sánh số byte gốc, đã thu gọn và đã gzip. Phép đo gzip được lấy từ kết quả đã thu gọn.
Bước 4: Sao chép kết quả gọn nhẹ để dùng trong dự án, URL, header hoặc giá trị cấu hình.
Trường hợp sử dụng: Thu gọn HTML để phát hành trong khi giữ nguyên ý nghĩa. So sánh số byte gốc và đã thu gọn để thấy sự khác biệt.
Trường hợp sử dụng: Quyết định việc thu gọn có đáng không bằng cách kiểm tra dung lượng trước và sau khi thu gọn, cùng với dung lượng gzip thu được.
Trường hợp sử dụng: Chuẩn bị HTML gọn nhẹ cho URL, header hoặc giá trị cấu hình khi tải trọng nhỏ hơn sẽ hữu ích.
Trường hợp sử dụng: Ước tính dung lượng nén mà CDN hoặc máy chủ web sẽ gửi bằng cách xem phép đo gzip thực tế.
Trường hợp sử dụng: Kiểm tra tác động của các tùy chọn thu gọn bạn đã chọn bằng cách so sánh số byte được báo cáo cho kết quả.
Trường hợp sử dụng: Xem lại đồng thời dung lượng gốc, đã thu gọn và đã gzip khi đánh giá tải trọng HTML trong quá trình phát triển.