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