ตัวบีบอัด HTML – ย่อ HTML และวัดขนาด gzip
ตัวบีบอัด HTML ย่อ HTML ที่วางลงไปโดยใช้การย่อแบบเดียวกับ HTML Minifier แล้ววัดขนาด gzip จริงของผลลัพธ์ด้วย CompressionStream ซึ่งเป็น API ดั้งเดิมของเบราว์เซอร์ รายงานจำนวนไบต์ของต้นฉบับ ย่อแล้ว และบีบอัดด้วย gzip เพื่อให้คุณเปรียบเทียบมาร์กอัปก่อนและหลังการย่อ และเห็นขนาดที่บีบอัดซึ่ง CDN หรือเว็บเซิร์ฟเวอร์จะส่ง เลือกตัวเลือกการย่อที่มีก่อนคัดลอกผลลัพธ์ที่กระชับ
ตัวบีบอัด HTML เป็นเครื่องมือย่อ HTML และวัดขนาด gzip ในเบราว์เซอร์ สำหรับนักพัฒนาที่ต้องการเปรียบเทียบมาร์กอัปที่กระชับกับขนาดที่บีบอัด ใช้การย่อแบบเดียวกับ HTML Minifier จากนั้นใช้ CompressionStream ซึ่งเป็น API ดั้งเดิมของเบราว์เซอร์เพื่อวัดขนาด gzip จริงของ HTML ที่ได้ เครื่องมือแสดงจำนวนไบต์ของต้นฉบับ ย่อแล้ว และบีบอัดด้วย gzip
ในการใช้ตัวบีบอัด HTML ให้วางหรือลาก HTML เลือกตัวเลือกการย่อ และตรวจสอบผลลัพธ์ที่กระชับพร้อมค่าที่วัดได้ ขั้นตอนการย่อมีพฤติกรรมแบบเดียวกับ HTML Minifier และการวัดขนาด gzip จะใช้กับผลลัพธ์ที่ย่อแล้วนั้น การเปรียบเทียบจำนวนไบต์ทั้งสามช่วยให้เห็นความแตกต่างระหว่างการย่อกับการบีบอัดแบบ gzip
HTML เป็นรูปแบบมาร์กอัปสำหรับจัดโครงสร้างเนื้อหา ขณะที่ gzip เป็นรูปแบบการบีบอัดที่ใช้ลดขนาดข้อมูลเพื่อการถ่ายโอน การย่อ HTML ทำให้มาร์กอัปกระชับขึ้นโดยไม่เปลี่ยนความหมาย การวัดขนาด gzip แสดงขนาดที่บีบอัดซึ่ง CDN หรือเว็บเซิร์ฟเวอร์จะส่ง ตัวเลขเหล่านี้ช่วยให้นักพัฒนาประเมินทั้งผลลัพธ์ที่ย่อและขนาดการถ่ายโอนที่บีบอัดแล้ว
การประมวลผลทำงานในเบราว์เซอร์ของคุณทั้งหมด HTML ของคุณถูกประมวลผลบนอุปกรณ์ของคุณ ไม่มีการอัปโหลด เก็บ หรือส่งไปยังเซิร์ฟเวอร์ เมื่อโหลดหน้าเสร็จแล้วเครื่องมือใช้งานออฟไลน์ได้เพราะไม่มีการพึ่งพาเซิร์ฟเวอร์
ตัวบีบอัด HTML มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องการตรวจสอบขนาด HTML เตรียมเพย์โหลดที่กระชับ หรือเปรียบเทียบผลการย่อกับค่าที่วัดด้วย gzip จำนวนไบต์เป็นวิธีตรงไปตรงมาในการตรวจดูผลของการย่อก่อนใช้ผลลัพธ์
ขั้นตอนที่ 1: วางหรือลาก HTML ของคุณลงในเครื่องมือ รับข้อมูล HTML และประมวลผลในเบราว์เซอร์ของคุณ
ขั้นตอนที่ 2: เลือกตัวเลือกการย่อ เครื่องมือใช้การย่อแบบเดียวกับ HTML Minifier
ขั้นตอนที่ 3: ตรวจสอบ HTML ที่กระชับและเปรียบเทียบจำนวนไบต์ของต้นฉบับ ย่อแล้ว และบีบอัดด้วย gzip การวัดขนาด gzip ได้จากผลลัพธ์ที่ย่อแล้ว
ขั้นตอนที่ 4: คัดลอกผลลัพธ์ที่กระชับเพื่อใช้ในโปรเจกต์ URL ส่วนหัว หรือค่าคอนฟิกของคุณ
กรณีการใช้งาน: ลดขนาด HTML เพื่อส่งมอบโดยคงความหมายเดิมไว้ เปรียบเทียบจำนวนไบต์ของต้นฉบับและย่อแล้วเพื่อดูความแตกต่าง
กรณีการใช้งาน: ตัดสินใจว่าการย่อคุ้มค่าหรือไม่โดยตรวจสอบขนาดก่อนและหลังการย่อ พร้อมขนาด gzip ที่ได้
กรณีการใช้งาน: เตรียม HTML ที่กระชับสำหรับ URL ส่วนหัว หรือค่าคอนฟิก เมื่อต้องการเพย์โหลดที่เล็กลง
กรณีการใช้งาน: ประมาณขนาดที่บีบอัดซึ่ง CDN หรือเว็บเซิร์ฟเวอร์จะส่ง โดยตรวจดูการวัดขนาด gzip จริง
กรณีการใช้งาน: ตรวจสอบผลกระทบของตัวเลือกการย่อที่คุณเลือก โดยเปรียบเทียบจำนวนไบต์ที่รายงานของผลลัพธ์
กรณีการใช้งาน: ตรวจดูขนาดต้นฉบับ ย่อแล้ว และบีบอัดด้วย gzip พร้อมกันเมื่อประเมินเพย์โหลด HTML ระหว่างการพัฒนา