วิธีบีบอัดโค้ด HTML/CSS (Minify) ให้เว็บไซต์โหลดเร็วขึ้น
รู้ไหมครับว่าช่องว่าง (Space), การขึ้นบรรทัดใหม่ และคอมเมนต์ในโค้ด HTML หรือ CSS ที่เราเขียนเพื่อให้มนุษย์อ่านง่าย กลับเป็นภาระให้เบราว์เซอร์ต้องโหลดนานขึ้น? วิธีแก้คือการทำ Minification หรือการบีบอัดโค้ดให้เหลือบรรทัดเดียว ซึ่ง Supunkan Code Minifier จะช่วยคุณทำสิ่งนี้ได้ในพริบตา!
ดูวิธีทำใน 1 นาที
ประโยชน์ของการ Minify โค้ด
ขั้นตอนการใช้งาน
1. เลือกประเภทโค้ด
คลิกที่แท็บด้านบนเพื่อเลือกว่าต้องการบีบอัดโค้ด HTML หรือ CSS
2. วางโค้ดต้นฉบับ
ก๊อปปี้โค้ดของคุณจาก Text Editor แล้วนำมาวางลงในช่อง "โค้ดต้นฉบับ (Original)" ด้านซ้ายมือ
3. บีบอัดและนำไปใช้
กดปุ่ม "บีบอัดโค้ดทันที" ระบบจะลบช่องว่างและคอมเมนต์ออกให้ ผลลัพธ์จะปรากฏที่ช่องขวามือ พร้อมบอกเปอร์เซ็นต์ที่ลดลงได้ กดปุ่ม Copy เพื่อนำไปใช้งานได้เลย
ข้อควรระวัง
อย่าลืมเก็บไฟล์ต้นฉบับ (Source Code) ไว้ด้วยนะครับ เพราะโค้ดที่ผ่านการ Minify แล้วจะอ่านยากมาก เวลาจะแก้ไข ให้แก้ที่ไฟล์ต้นฉบับแล้วนำมา Minify ใหม่ทุกครั้ง
