คู่มือย่อ JAVASCRIPT
ลดขนาด JavaScript ด้วย parser แล้วทดสอบพฤติกรรมก่อนนำขึ้นระบบจริง
การ minify ตัดช่องว่างและปรับโค้ดให้สั้นลงโดยตั้งใจรักษาพฤติกรรมเดิม เครื่องมือนี้ใช้ Terser ในเบราว์เซอร์และแสดงจำนวน byte ที่ลดลง
วิธีใช้งานทีละขั้นตอน
- 01
เพิ่มโค้ดที่ถูกต้อง
วาง JavaScript หรือนำเข้าไฟล์หนึ่งไฟล์ โดยเครื่องมือนี้ไม่ compile TypeScript หรือ JSX
- 02
เลือกตัวเลือกอย่างระวัง
การย่อชื่อตัวแปรช่วยลดขนาด แต่โค้ดที่อ่าน function.name หรือ class name อาจต้องเก็บชื่อไว้
- 03
ทดสอบผลลัพธ์
รัน test และตรวจ license comment ก่อนแทนไฟล์ใน production
รายละเอียดที่ควรตรวจสอบก่อนนำผลลัพธ์ไปใช้
- เก็บไฟล์ต้นฉบับและ source map ใน workflow จริง
- รักษา license comment ตามข้อกำหนดของ dependency
- ใช้ bundler สำหรับแอปหลายโมดูลที่ต้องแบ่ง chunk และ transpile
แนวคิดและข้อจำกัดที่สำคัญ
Minification ไม่ใช่ encryption หรือ bundling
ผลลัพธ์ยังเป็น JavaScript ที่อ่านย้อนกลับได้ และเครื่องมือนี้ไม่รวมหลายโมดูล ไม่ transpile TypeScript/JSX และไม่สร้าง source map
ชื่อ ตัวเลือก และ license
การย่อ local name ลด byte เพิ่ม แต่โค้ดที่อ่าน fn.name หรือ class name อาจเปลี่ยนพฤติกรรม ควรรักษา license comment และทดสอบผลจริง
คำถามที่พบบ่อย
รองรับ ES module และ JavaScript สมัยใหม่ไหม?
รองรับ syntax สมัยใหม่และ import/export แต่ไม่ compile TypeScript หรือ JSX
ใช้แทน build pipeline ได้ไหม?
เหมาะกับ snippet หรือไฟล์เดี่ยว แอปจริงควรใช้ bundler ที่เชื่อม test, source map, chunking และ caching