ตัวย่อและตกแต่ง 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 ของฉันถูกส่งไปที่ใดหรือไม่
- ไม่ การประมวลผลทำงานในเบราว์เซอร์ของคุณทั้งหมด ไม่มีการอัปโหลดหรือบันทึก