Δωρεάν διαδικτυακό εργαλείο Javascript Minify

Javascript Minify Tool

Η ελαχιστοποίηση Javascript παίρνει τον όμορφο, καλά διαμορφωμένο κώδικα JS που έχετε γράψει και αφαιρεί τα κενά, τις εσοχές, τις νέες γραμμές και τα σχόλια. Αυτά δεν απαιτούνται για την επιτυχή εκτέλεση του Javascript. Καθιστά επίσης πιο δύσκολη την ανάγνωση του Javascript κατά την προβολή της πηγής.

Πολλοί προγραμματιστές θα διατηρήσουν μια «όμορφη» έκδοση και μετά την ανάπτυξη του έργου τους θα εκτελέσουν τα σενάρια τους μέσω ενός προγράμματος ελαχιστοποίησης. Επίσης συχνά συνδυάζουν τα πολλά αρχεία σεναρίων τους σε ένα μόνο αρχείο.

Γιατί να χρησιμοποιήσετε το Javascript Minifier;

Ο σκοπός του minifcation είναι να αυξήσει την ταχύτητα ενός ιστότοπου. Η ελαχιστοποίηση μπορεί να κάνει ένα σενάριο έως και 20% μικρότερο, με αποτέλεσμα ταχύτερο χρόνο λήψης. Ορισμένοι προγραμματιστές θα το χρησιμοποιήσουν επίσης για να «συσκίσουν» τον κώδικά τους. Αυτό καθιστά δύσκολη την ανάγνωση του κώδικα, καθιστώντας έτσι πιο δύσκολη την αντίστροφη μηχανική ή την αντιγραφή.

Είναι επίσης κοινή πρακτική να συνδυάζονται όλα τα αρχεία Javascript για έναν ιστότοπο σε ένα αρχείο. Αυτό έχει μια σειρά από οφέλη. Μειώνει τον αριθμό των αιτημάτων HTTP που πρέπει να γίνουν για να ληφθούν όλα τα στοιχεία ενός ιστότοπου. Κάνει επίσης την ελαχιστοποίηση και τη συμπίεση gzip πιο αποτελεσματική.

Παράδειγμα Minify 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);}