ข้ามไปยังเนื้อหา
Toova
เครื่องมือทั้งหมด

ตัวย่อและตกแต่ง HTML

ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด

ย่อหรือจัดแต่ง HTML ในเบราว์เซอร์ของคุณ Toova ตัดช่องว่าง ความคิดเห็น และเครื่องหมายคำพูดที่เลือกได้เพื่อย่อ HTML สำหรับ production หรือพิมพ์ markup ที่ย่อแล้วเป็นบางสิ่งที่คุณสามารถอ่านได้จริง

การย่อ HTML ลบอะไรบ้าง

ช่องว่างระหว่างแท็ก เครื่องหมายคำพูดที่ไม่จำเป็นรอบค่า attribute แท็กปิดที่ซ้ำซ้อน ความคิดเห็น และ attributes ว่างทั้งหมดเพิ่มขึ้น โหมดย่อตัดทุกอย่างอย่างปลอดภัย — เอาต์พุตเรนเดอร์เหมือนกันในเบราว์เซอร์สมัยใหม่ทุกตัว สำหรับหน้าขนาดใหญ่มากหรือ HTML สแตติกที่ให้บริการจาก CDN การประหยัดเวลา first-byte วัดได้ โดยเฉพาะก่อนการบีบอัดเริ่มทำงาน

โหมดจัดแต่ง

เมื่อคุณต้องการตรวจสอบ HTML ที่สร้างโดยเครื่อง ดีบักหน้าที่เรนเดอร์โดยเซิร์ฟเวอร์ หรืออ่านเอาต์พุตของตัวสร้างไซต์สแตติก โหมดจัดแต่งคือสิ่งที่คุณต้องการ Toova รับ HTML บรรทัดเดียวที่แบนและขยายเป็นต้นไม้ที่เยื้องระยะอย่างเหมาะสมด้วยขอบเขตบล็อกที่ชัดเจน ระดับการเยื้องระยะกำหนดค่าได้ — 2 ช่อง 4 ช่อง หรือแท็บ — ขึ้นอยู่กับความชอบในการอ่านของคุณ

เฉพาะเบราว์เซอร์

การประมวลผลทั้งหมดทำงานในเบราว์เซอร์ของคุณ HTML ที่คุณวาง — แม้กระทั่งเทมเพลตที่เป็นกรรมสิทธิ์หรือ markup ที่อ่อนไหว — ไม่เคยออกจากหน้า ทำให้เครื่องมือปลอดภัยสำหรับการทำงานกับการออกแบบภายใน เทมเพลตอีเมลเฉพาะลูกค้า หรือสิ่งใดๆ ที่ครอบคลุม NDA หน้าทำงานออฟไลน์หลังจากโหลดครั้งแรก

คำถามที่พบบ่อย

HTML ที่ย่อเล็กลงเท่าใด
ปกติเล็กกว่า 5-15% ก่อน gzip มากกว่าในหน้าที่มีช่องว่างและความคิดเห็นมาก หลัง gzip การประหยัดลดลงเป็นเปอร์เซ็นต์เล็กน้อย — แต่ทุกไบต์นับใน first paint ของหน้า
การย่อทำให้หน้าของฉันเสียหรือไม่
ไม่ ตราบใดที่อินพุตเป็น HTML ที่ถูกต้อง ตัวย่อรักษาโครงสร้าง DOM อย่างแน่นอน ช่องว่างระหว่าง inline elements บางครั้งมีความหมาย ดังนั้นเครื่องมือเก็บไว้ที่อาจส่งผลต่อการเรนเดอร์
ตัดความคิดเห็นหรือไม่
โดยค่าเริ่มต้น ใช่ คุณสามารถรักษา conditional comments (บล็อก IE-only เก่า) และส่วนหัวใบอนุญาตผ่านสวิตช์ preserve-comments ความคิดเห็นปกติถูกลบเพื่อประหยัดไบต์
จัดแต่ง HTML บรรทัดเดียวได้ไหม
ใช่ ตัวจัดแต่งแยกวิเคราะห์ HTML แบนใดๆ และเยื้องระยะตามต้นไม้ DOM ทำให้อ่านได้แม้เมื่ออินพุตคือเอาต์พุตที่ย่อจาก build pipeline
HTML ของฉันถูกส่งไปที่ใดหรือไม่
ไม่ การประมวลผลทำงานในเบราว์เซอร์ของคุณทั้งหมด ไม่มีการอัปโหลดหรือบันทึก