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