JavaScript Minifier

ย่อ JavaScript สำหรับโปรดักชันได้ทันที

JavaScript ต้นฉบับ

อัปโหลด

ตัวเลือก

โหมด

รูปแบบการเยื้อง

รูปแบบอัญประกาศ

คงคอมเมนต์

เก็บคอมเมนต์ JS

เพิ่ม Semicolon

แทรก semicolon อัตโนมัติ

ช่องว่างก่อน ()

function () หรือ function()

แยก Method Chain

แยกการเรียก .method()

JavaScript ที่ย่อแล้ว

เครื่องมือที่เกี่ยวข้อง

JavaScript Beautifierจัดรูปแบบและเยื้อง JavaScript ที่ถูกย่อได้ทันที ตัวจัดรูปแบบ/ย่อขนาด JavaScriptจัดรูปแบบหรือย่อขนาด JavaScript CSS Minifierย่อ CSS สำหรับโปรดักชันได้ทันที ตัวจัดรูปแบบ/ย่อขนาด HTMLจัดรูปแบบหรือย่อขนาด HTML

ภาพรวม

JavaScript Minifier จะลบความคิดเห็น ช่องว่างที่ไม่จำเป็น และการขึ้นบรรทัดใหม่ออกจากโค้ดของคุณเพื่อลดขนาดไฟล์สำหรับโปรดักชัน — การดาวน์โหลดที่เล็กลง เวลาแยกวิเคราะห์ที่เร็วขึ้น วางโค้ด JS ที่อ่านง่ายแล้วรับผลลัพธ์ที่กะทัดรัดได้ทันที พร้อมการเปรียบเทียบขนาดก่อน/หลังแบบเรียลไทม์

สิ่งที่ตัวย่อนี้ควบคุม

•การลบความคิดเห็น: ลบทั้งความคิดเห็นแบบบรรทัด // และความคิดเห็นแบบบล็อก /* */
•การยุบช่องว่าง: ลบช่องว่าง บรรทัดว่าง และการขึ้นบรรทัดใหม่ที่ไม่จำเป็น
•การเปรียบเทียบขนาด: ดูขนาดต้นฉบับ ขนาดที่ย่อแล้ว และเปอร์เซ็นต์การลดขนาดเคียงข้างกัน
•การทำให้อัฒภาคเป็นมาตรฐาน: ตรวจสอบให้แน่ใจว่าตัวคั่นคำสั่งยังคงอยู่หลังจากลบช่องว่าง
•สลับการรักษาความคิดเห็น: เก็บส่วนหัวใบอนุญาตหรือความคิดเห็นสำคัญไว้เมื่อจำเป็น
•ผลลัพธ์ที่ดาวน์โหลดได้: บันทึกผลลัพธ์ที่ย่อแล้วเป็นไฟล์ .js โดยตรง

เมื่อใดที่คุณควรย่อ JavaScript

•ย่อสคริปต์ก่อนนำไปใช้งานจริงเพื่อลดเวลาโหลดหน้าเว็บ
•เตรียมสคริปต์ยูทิลิตี้ขนาดเล็กเพื่อฝังแบบอินไลน์ในหน้า HTML โดยไม่ทำให้บวม
•ตรวจสอบอย่างรวดเร็วว่าไฟล์จะเล็กลงแค่ไหนก่อนตั้งค่าไปป์ไลน์บิลด์แบบเต็มรูปแบบ
•ย่อสคริปต์ครั้งเดียวสำหรับ CodePen, gist หรือบุ๊กมาร์กเล็ตที่ขั้นตอนการบิลด์ไม่สะดวก
•เปรียบเทียบขนาดที่ย่อแล้วกับงบประมาณขนาดสำหรับการตรวจสอบประสิทธิภาพ

วิธีย่อ JavaScript

1.วาง JavaScript ของคุณลงในตัวแก้ไขข้อมูลนำเข้า หรืออัปโหลดไฟล์ .js
2.ตัดสินใจว่าจะเก็บความคิดเห็นไว้ (เช่น ส่วนหัวใบอนุญาต) หรือลบออกทั้งหมด
3.ผลลัพธ์ที่ย่อแล้วและเปอร์เซ็นต์การลดขนาดจะปรากฏโดยอัตโนมัติ
4.คัดลอกผลลัพธ์หรือดาวน์โหลดเป็นไฟล์ .js
5.ตรวจสอบจำนวนไบต์ก่อน/หลังเพื่อยืนยันการประหยัดขนาดก่อนนำไปใช้งานจริง

กรณีขอบเขตที่ควรรู้

•ตัวย่อนี้ไม่เปลี่ยนชื่อตัวแปรให้สั้นลงหรือทำการกำจัดโค้ดที่ไม่ได้ใช้งาน — การบีบอัดสูงสุดต้องใช้เครื่องมือที่ใช้ AST เช่น Terser
•เนื้อหาสตริงและเทมเพลตลิเทอรัลจะไม่ถูกแตะต้อง มีเพียงช่องว่างเชิงโครงสร้างและความคิดเห็นนอกสตริงเท่านั้นที่ถูกลบ
•กรณีขอบเขตของ ASI (การแทรกอัฒภาคอัตโนมัติ) ในโค้ดที่ไม่ปกติ (เช่น บรรทัดที่ขึ้นต้นด้วย ( หรือ [) ควรทดสอบหลังการย่อ เนื่องจากการลบการขึ้นบรรทัดใหม่บางครั้งอาจเปลี่ยนพฤติกรรมที่เกี่ยวข้องกับ ASI

ข้อจำกัด

•นี่คือการย่อช่องว่าง/ความคิดเห็น ไม่ใช่การบีบอัดแบบเต็มรูปแบบ — สำหรับการลดขนาดสูงสุด (การเปลี่ยนชื่อตัวแปร การกำจัดโค้ดที่ไม่ได้ใช้งาน tree-shaking) ให้ใช้ตัวย่อที่รวมเข้ากับเครื่องมือบิลด์ เช่น Terser หรือ esbuild
•ผลลัพธ์ที่ย่อแล้วจะสูญเสียความสามารถในการอ่านทั้งหมด — เก็บซอร์สต้นฉบับของคุณไว้ภายใต้การควบคุมเวอร์ชันเสมอ
•ไฟล์ขนาดใหญ่มากอาจประมวลผลได้ช้าในเบราว์เซอร์ — สำหรับไปป์ไลน์บิลด์โปรดักชัน ให้รวมการย่อเข้ากับบันเดิลเลอร์ของคุณแทนที่จะใช้เครื่องมือเบราว์เซอร์แบบครั้งเดียว

ต้องการทำสิ่งที่ตรงกันข้ามหรือไม่?

หากคุณมี JavaScript ที่ถูกย่อหรือบีบอัดและต้องการอ่านหรือดีบัก ให้ใช้ JavaScript Beautifier แทน มันจะกู้คืนการเยื้อง การขึ้นบรรทัดใหม่ และการจัดรูปแบบที่สอดคล้องกัน เพื่อให้โค้ดอ่านได้จริง