เครื่องมือออนไลน์ฟรี Javascript ลดขนาด

เครื่องมือย่อขนาด 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);}