ตัวย่อโค้ด JS / CSS
Minifier นี้ช่วยย่อขนาด JavaScript หรือ CSS ด้วยการลบคอมเมนต์และรวบช่องว่าง พร้อมแสดงขนาดเดิม ขนาดหลังย่อ และเปอร์เซ็นต์ที่ลดได้
Input (JavaScript)
เกี่ยวกับเครื่องมือนี้
Minifier นี้ช่วยย่อขนาด JavaScript หรือ CSS ด้วยการลบคอมเมนต์และรวบช่องว่าง พร้อมแสดงขนาดเดิม ขนาดหลังย่อ และเปอร์เซ็นต์ที่ลดได้
วิธีใช้
- เลือก JavaScript หรือ CSS
- วางโค้ดของคุณลงในช่องอินพุต
- คลิก Minify แล้วดูขนาดที่ลดลง
- คัดลอกโค้ดที่ย่อแล้ว
ข้อควรรู้
- สำหรับ JavaScript จะลบคอมเมนต์ // และ /* */ รวบช่องว่าง และตัดช่องว่างรอบตัวดำเนินการ โดยไม่แตะ string literal
- สำหรับ CSS จะลบคอมเมนต์ รวบช่องว่าง และตัดช่องว่างรอบอักขระ : { } ; และ ,
- ไม่มีการเปลี่ยนชื่อตัวแปรหรือเขียนโค้ดใหม่ จึงลดขนาดได้น้อยกว่า bundler อย่าง Terser หรือ esbuild
- ไฟล์ที่ย่อแล้วโหลดเร็วขึ้นเพราะมีจำนวนไบต์ที่ส่งผ่านเครือข่ายน้อยลง
ทำงานในเบราว์เซอร์ของคุณทั้งหมด — ข้อมูลที่คุณป้อนจะไม่ถูกอัปโหลดหรือจัดเก็บ
คำถามที่พบบ่อย
Minifier นี้ใช้กับโค้ด production ได้ปลอดภัยไหม?
เหมาะสำหรับการย่อโค้ดแบบรวดเร็วและเป็นส่วนตัว สำหรับ build production เครื่องมือเต็มรูปแบบอย่าง Terser หรือ esbuild จะเปลี่ยนชื่อตัวแปร ลบโค้ดที่ไม่ได้ใช้ และรองรับทุกกรณีพิเศษ
การย่อโค้ดจะทำให้ JavaScript พังไหม?
การย่อช่องว่างมักปลอดภัย แต่โค้ดที่พึ่งการเติมเซมิโคลอนอัตโนมัติข้ามบรรทัดอาจพังได้ ควรทดสอบผลลัพธ์ก่อน
โค้ดของฉันถูกอัปโหลดขึ้นเซิร์ฟเวอร์หรือไม่?
ไม่ การย่อโค้ดทำงานในเบราว์เซอร์ของคุณทั้งหมด
ไฟล์จะเล็กลงได้แค่ไหน?
ขึ้นอยู่กับปริมาณคอมเมนต์และช่องว่างในโค้ด เครื่องมือจะแสดงเปอร์เซ็นต์ที่ลดได้อย่างแม่นยำ