இலவச ஆன்லைன் கருவி Javascript Minify

Javascript Minify கருவி

ஜாவாஸ்கிரிப்டைச் சிறியதாக்குவது நீங்கள் எழுதிய அழகான, நன்கு உருவாக்கப்பட்ட JS குறியீட்டை எடுத்து, இடைவெளி, உள்தள்ளல், புதிய வரிகள் மற்றும் கருத்துகளை நீக்குகிறது. ஜாவாஸ்கிரிப்ட் வெற்றிகரமாக இயங்குவதற்கு இவை தேவையில்லை. மூலத்தைப் பார்க்கும்போது ஜாவாஸ்கிரிப்டைப் படிக்க கடினமாக்குகிறது.

பல டெவலப்பர்கள் ஒரு 'அழகான' பதிப்பை பராமரிப்பார்கள், மேலும் அவர்களின் திட்டப்பணியின் வரிசைப்படுத்துதலின் போது அவர்களின் ஸ்கிரிப்ட்களை ஒரு சிறிய நிரல் மூலம் இயக்குவார்கள். அவர்கள் பெரும்பாலும் தங்கள் பல ஸ்கிரிப்ட் கோப்புகளை ஒரே கோப்பாக இணைக்கிறார்கள்.

ஜாவாஸ்கிரிப்ட் மினிஃபையரை ஏன் பயன்படுத்த வேண்டும்?

ஒரு வலைத்தளத்தின் வேகத்தை அதிகரிப்பதே சிறுமயமாக்கலின் நோக்கமாகும். சிறிதாக்குதல் ஒரு ஸ்கிரிப்டை 20% வரை சிறியதாக மாற்றலாம், இதன் விளைவாக வேகமான பதிவிறக்க நேரம் கிடைக்கும். சில டெவலப்பர்கள் தங்கள் குறியீட்டை 'தெளிவுபடுத்த' பயன்படுத்துவார்கள். இது குறியீட்டைப் படிப்பதை கடினமாக்குகிறது, இதனால் ரிவர்ஸ் இன்ஜினியர் அல்லது நகலெடுப்பது மிகவும் கடினமாகிறது.

ஒரு வலைத்தளத்திற்கான அனைத்து ஜாவாஸ்கிரிப்ட் கோப்புகளையும் ஒரு கோப்பாக இணைப்பது பொதுவான நடைமுறையாகும். இதனால் பல நன்மைகள் உள்ளன. இணையதளத்தின் அனைத்து கூறுகளையும் பெறுவதற்கு HTTP கோரிக்கையின் எண்ணிக்கையை இது குறைக்கிறது. இது minification மற்றும் gzip சுருக்கத்தை மிகவும் பயனுள்ளதாக்குகிறது.

Javascript Minify உதாரணம்

அழகுபடுத்தப்பட்ட ஜாவாஸ்கிரிப்ட்:

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);}