Javascript Minify ટૂલ
જાવાસ્ક્રિપ્ટને મિનિફાઇંગ કરવાથી તમે લખેલ સુંદર, સારી રીતે બનાવેલ JS કોડ લે છે અને અંતર, ઇન્ડેન્ટેશન, નવી લાઇન અને ટિપ્પણીઓ દૂર કરે છે. Javascript સફળતાપૂર્વક ચલાવવા માટે આ જરૂરી નથી. સ્ત્રોતને જોતી વખતે તે Javascript ને વાંચવાનું વધુ મુશ્કેલ બનાવે છે.
ઘણા વિકાસકર્તાઓ એક 'સુંદર' સંસ્કરણ જાળવી રાખશે, અને તેમના પ્રોજેક્ટની જમાવટ પર તેમની સ્ક્રિપ્ટો મિનિફિકેશન પ્રોગ્રામ દ્વારા ચલાવશે. તેઓ ઘણીવાર તેમની ઘણી સ્ક્રિપ્ટ ફાઇલોને એક ફાઇલમાં પણ ભેગા કરે છે.
જાવાસ્ક્રિપ્ટ મિનિફાયર શા માટે વાપરો?
મિનિફિકેશનનો હેતુ વેબસાઇટની ઝડપ વધારવાનો છે. લઘુત્તમીકરણ સ્ક્રિપ્ટને 20% સુધી નાની બનાવી શકે છે, પરિણામે ઝડપી ડાઉનલોડ સમય મળે છે. કેટલાક વિકાસકર્તાઓ તેમના કોડને 'અસ્પષ્ટ' કરવા માટે પણ તેનો ઉપયોગ કરશે. આ કોડને વાંચવા માટે મુશ્કેલ બનાવે છે, તેથી તેને રિવર્સ એન્જિનિયર અથવા કૉપિ કરવાનું વધુ મુશ્કેલ બનાવે છે.
એક જ વેબસાઈટ માટેની તમામ જાવાસ્ક્રિપ્ટ ફાઈલોને એક ફાઈલમાં જોડવાની પણ સામાન્ય પ્રથા છે. આના અનેક ફાયદા છે. તે HTTP વિનંતીઓની સંખ્યા ઘટાડે છે જે વેબસાઇટના તમામ ઘટકો મેળવવા માટે કરવાની જરૂર છે. તે મિનિફિકેશન અને જીઝિપ કમ્પ્રેશનને પણ વધુ અસરકારક બનાવે છે.
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);}