ตัวย่อขนาด JS

ย่อขนาด JS ออนไลน์โดยลดคอมเมนต์และช่องว่างในโค้ดและฟังก์ชัน JavaScript

⌘ ทำงานในเบราว์เซอร์ ◴ ไม่จัดเก็บข้อมูล ⌁ ฟรี

แนวคิด

การบีบอัด JS คือขั้นตอนลดขนาดสคริปต์ก่อนเผยแพร่

การบีบอัด JS จะคงพฤติกรรมการทำงานไว้ แต่ลบคอมเมนต์ การขึ้นบรรทัด และช่องว่างที่ไม่จำเป็นเพื่อลดขนาด bundle และข้อมูลที่ส่ง

ใช้เมื่อต้องการสคริปต์ที่เบากว่าสำหรับ production โดยเป็นการปรับขนาดไฟล์ ไม่ใช่การ refactor ที่เปลี่ยนพฤติกรรม

การเปรียบเทียบขนาดไฟล์ต้นฉบับกับไฟล์ที่บีบอัดก่อน deploy ช่วยประเมินการประหยัด bandwidth และดูว่าต้องปรับเพิ่มหรือไม่

ลดอะไรบ้าง?

ตัดคอมเมนต์ การขึ้นบรรทัด และช่องว่างส่วนเกินที่โดยทั่วไปไม่กระทบ runtime

ควรใช้เมื่อไร?

ใช้ก่อนเผยแพร่ static asset ทำ JS snippet สำหรับแชร์ หรือเตรียม bundle สุดท้ายที่มีข้อจำกัดด้านขนาด

ตรวจหลังบีบอัด

เก็บไฟล์ต้นฉบับ สำรองไว้ และทดสอบฟังก์ชันหลังใช้ไฟล์บีบอัด เพราะการอ่านและ debug จะยากขึ้น

โค้ดที่ minify มีขนาดเล็กแต่เข้าใจยากกว่า ควรเก็บ source ตรวจพฤติกรรม และเช็ก runtime error ก่อนใช้งาน production เสมอ

ตัวย่อขนาด JS พื้นที่ย่อขนาด JavaScript

อินพุต JavaScript
JavaScript ที่ย่อแล้ว

วิธีใช้

  1. 1 วางโค้ด JavaScript ที่ต้องการย่อขนาดลงในช่องอินพุต
  2. 2 คลิกปุ่มย่อขนาดเพื่อลดช่องว่างและคอมเมนต์
  3. 3 คัดลอก JavaScript ผลลัพธ์สำหรับสคริปต์ production ของคุณ

กรณีใช้งานทั่วไป

  • ย่อขนาดโค้ด JavaScript
  • จัดช่องว่าง JavaScript ให้กะทัดรัดก่อนแชร์
  • ตรวจสอบขนาดก่อนและหลังย่อ

คำถามที่พบบ่อย

เครื่องมือนี้ย่อ JavaScript อย่างไร?

ใช้การย่อขนาดฝั่งเบราว์เซอร์แบบง่าย โดยลบคอมเมนต์ ช่องว่างซ้ำ และช่องว่างบางส่วนรอบสัญลักษณ์ ไม่เปลี่ยนชื่อตัวแปรหรือทำการปรับแต่งไวยากรณ์ขั้นสูง

รองรับการวางและคัดลอกไหม?

รองรับ คุณสามารถวางโค้ดจากคลิปบอร์ดและคัดลอกผลลัพธ์ที่ย่อแล้วกลับไปยังคลิปบอร์ดได้

การย่อขนาดอาจผิดพลาดได้ไหม?

สำหรับ regular expression สตริง และไวยากรณ์สมัยใหม่ ควรตรวจสอบผลลัพธ์ก่อนนำไปใช้

เวิร์กโฟลว์ที่เกี่ยวข้อง