JavaScript เครื่องมือ Minify- ตัวย่อและบีบอัด JS ออนไลน์ฟรี

เครื่องมือย่อขนาด Javascript

การย่อขนาด Javascript จะทำให้โค้ด JS ที่คุณเขียนมีรูปแบบสวยงามและสวยงาม และลบช่องว่าง การเยื้องบรรทัด การขึ้นบรรทัดใหม่ และความคิดเห็นออกไป ซึ่งไม่จำเป็นสำหรับการรัน Javascript สำเร็จ นอกจากนี้ยังทำให้ Javascript อ่านยากขึ้นเมื่อดูแหล่งที่มาด้วย

นักพัฒนาจำนวนมากจะรักษาเวอร์ชัน "สวยงาม" ไว้ และเมื่อใช้งานโครงการของตนแล้ว ก็จะรันสคริปต์ผ่านโปรแกรมย่อขนาด นอกจากนี้ พวกเขายังมักจะรวมไฟล์สคริปต์จำนวนมากไว้ในไฟล์เดียวด้วย

เหตุใดจึงต้องใช้ Javascript Minifier?

จุดประสงค์ของการลดขนาดคือเพื่อเพิ่มความเร็วของเว็บไซต์ การย่อขนาดสามารถทำให้สคริปต์มีขนาดเล็กลงได้ถึง 20% ส่งผลให้เวลาในการดาวน์โหลดเร็วขึ้น นักพัฒนาบางคนยังใช้การย่อขนาดเพื่อ "ทำให้โค้ดสับสน" ซึ่งทำให้โค้ดอ่านได้ยากขึ้น ส่งผลให้การย้อนวิศวกรรมหรือการคัดลอกทำได้ยากขึ้น

การรวมไฟล์ Javascript ทั้งหมดของเว็บไซต์เดียวเข้าเป็นไฟล์เดียวถือเป็นแนวทางปฏิบัติทั่วไป ซึ่งมีประโยชน์หลายประการ เช่น ลดจำนวนคำขอ HTTP ที่ต้องทำเพื่อรับองค์ประกอบทั้งหมดของเว็บไซต์ นอกจากนี้ยังทำให้การย่อขนาดและการบีบอัด gzip มีประสิทธิภาพมากขึ้น

ตัวอย่างการย่อขนาด Javascript

ปรับปรุง Javascript ให้สวยงาม:

var a = document.createElement('a');  
mimeType = mimeType || 'application/octet-stream';  
if(navigator.msSaveBlob) {  
    navigator.msSaveBlob(new Blob([content], {  
        type: mimeType  
    }), fileName);  
} else if(URL && 'download' in a) {  
    a.href = URL.createObjectURL(new Blob([content], {  
        type: mimeType  
    }));  
    a.setAttribute('download', fileName);  
    document.body.appendChild(a);  
    a.click();  
    document.body.removeChild(a);  
} else {  
    location.href = 'data:application/octet-stream,' + encodeURIComponent(content);  
}

กลายเป็นย่อขนาดดังนี้:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}