HTML เครื่องย่อส่วน
ย่อขนาดและบีบอัดโค้ด HTML ทันทีในเบราว์เซอร์ของคุณ ลบความคิดเห็น ยุบช่องว่าง และลดขนาดไฟล์ ฟรีและเป็นส่วนตัว
ลากและวางไฟล์ HTML ที่นี่
รองรับไฟล์ .html และ .htm หรือวาง HTML ของคุณด้านบน
ย่อขนาดและบีบอัดโค้ด HTML ทันทีในเบราว์เซอร์ของคุณ ลบความคิดเห็น ยุบช่องว่าง และลดขนาดไฟล์ ฟรีและเป็นส่วนตัว
รองรับไฟล์ .html และ .htm หรือวาง HTML ของคุณด้านบน
การลดขนาด HTML จะตัดอักขระที่ไม่จำเป็นออกจากแหล่งที่มาของหน้าเว็บ — ช่องว่างระหว่างแท็ก ความคิดเห็น เครื่องหมายคำพูดที่ซ้ำซ้อน แท็กปิดเพิ่มเติม — เพื่อลดขนาดไฟล์โดยไม่ต้องเปลี่ยนวิธีการแสดงผลหน้า ประหยัดได้เพียงเล็กน้อยต่อหน้า (โดยทั่วไปคือ 10–30%) แต่รวมกับคำขอจำนวนมาก โดยเฉพาะอย่างยิ่งสำหรับไซต์แบบคงที่หรือหน้าเว็บที่แสดงโดยไม่มีการบีบอัดแบบไดนามิก
ตัวย่อนี้จะลบช่องว่างระหว่างองค์ประกอบระดับบล็อก การยุบช่องว่างภายในข้อความที่ไม่มีนัยสำคัญ ตัดความคิดเห็น HTML (ยกเว้นความคิดเห็นแบบมีเงื่อนไขของ IE) ลบเครื่องหมายคำพูดแอตทริบิวต์ที่ซ้ำซ้อนซึ่งได้รับอนุญาตตามข้อกำหนดเฉพาะของ HTML5 และลบแท็กปิดเสริม (</p>, </li>) ในกรณีที่ข้อกำหนดอนุญาต ผลลัพธ์จะแสดงผลเหมือนกับแหล่งที่มาในทุกเบราว์เซอร์
การลดขนาดจะมีประโยชน์มากที่สุดเมื่อจับคู่กับการบีบอัด gzip หรือ Brotli ที่ระดับเซิร์ฟเวอร์ การบีบอัดช่วยขจัดการลดขนาดที่ประหยัดได้มากไปแล้ว แต่ทั้งสองอย่างรวมกันยังคงเอาชนะการบีบอัดเพียงอย่างเดียว โดยเฉพาะอย่างยิ่งสำหรับไซต์ที่มีการเข้าชมสูงซึ่งต้นทุนแบนด์วิธมีความสำคัญ
HTML ที่เล็กกว่าจะโหลดได้เร็วกว่า โดยเฉพาะในการเชื่อมต่อที่ช้ากว่าและเครือข่ายมือถือ น้ำหนักหน้าส่งผลโดยตรงต่อ Core Web Vitals — Largest Contentful Paint และ Time to First Byte จะดีขึ้นเมื่อเซิร์ฟเวอร์ส่งคืน HTML น้อยลงเพื่อแยกวิเคราะห์ สำหรับเว็บไซต์ที่การจัดอันดับ SEO ขึ้นอยู่กับคะแนน Core Web Vitals การลดขนาดลงถือเป็นการปรับปรุงที่วัดผลได้
HTML แบบย่อยังช่วยลดต้นทุนแบนด์วิดท์ในวงกว้าง ไซต์ที่ให้บริการหนึ่งล้านเพจต่อวันโดยประหยัดได้ 10 KB ต่อหน้าจะประหยัดข้อมูลขาออกได้ 10 GB ต่อวัน ผลกระทบที่เกิดขึ้นสำหรับไซต์คงที่ซึ่งให้บริการจาก CDN ที่เรียกเก็บเงินโดยการถ่ายโอนข้อมูล
วาง HTML รับเวอร์ชันย่อเล็กสุด
ตัวย่อจะประมวลผลโทเค็น HTML ตามโทเค็น ช่องว่างระหว่างองค์ประกอบระดับบล็อก (<div>, <p>, <ul>) จะถูกลบออกเนื่องจากไม่ส่งผลกระทบต่อการเรนเดอร์ ช่องว่างภายในบริบทอินไลน์ (<span>, <a>, เนื้อหาข้อความ) จะยังคงอยู่เนื่องจากอาจส่งผลต่อการเรนเดอร์ได้
ความคิดเห็นจะถูกตัดออกตามค่าเริ่มต้น แต่ความคิดเห็นแบบมีเงื่อนไข (<!--[ถ้า IE]>) จะยังคงอยู่ เครื่องหมายคำพูดแอตทริบิวต์จะถูกลบออกโดยที่ตัวแยกวิเคราะห์ HTML5 อนุญาต - ค่าแอตทริบิวต์คำเดียวที่ไม่มีช่องว่างหรืออักขระพิเศษสามารถละเว้นเครื่องหมายคำพูดได้
แท็กปิดที่เป็นตัวเลือกจะถูกตัดออกตามข้อกำหนด HTML5: </p>, </li>, </td> และแท็กอื่นๆ บางส่วนสามารถละเว้นได้เมื่อตามด้วยแท็กข้างเคียงที่หมายถึงปิด นี่เป็นเรื่องปกติที่จะอ่านแต่ HTML5 ที่ถูกต้องซึ่งเบราว์เซอร์แยกวิเคราะห์เหมือนกัน