Bezpłatne narzędzie online do minimalizacji JavaScript

Narzędzie minimalizujące Javascript

Minifying Javascript bierze ładny, dobrze sformułowany kod JS, który napisałeś i usuwa odstępy, wcięcia, znaki nowej linii i komentarze. Nie są one wymagane do pomyślnego działania Javascript. Utrudnia to również czytanie JavaScript podczas przeglądania źródła.

Wielu programistów utrzymuje „ładną” wersję, a po wdrożeniu swojego projektu uruchamia swoje skrypty za pomocą programu minifikacyjnego. Często też łączą wiele plików skryptów w jeden plik.

Dlaczego warto używać Javascript Minifier?

Celem minifikacji jest zwiększenie szybkości strony internetowej. Minimalizacja może zmniejszyć skrypt nawet o 20%, co skutkuje szybszym czasem pobierania. Niektórzy programiści będą go również używać do „zaciemniania” swojego kodu. Utrudnia to odczytanie kodu, co utrudnia inżynierię wsteczną lub kopiowanie.

Powszechną praktyką jest również łączenie wszystkich plików Javascript dla jednej witryny w jeden plik. Ma to wiele zalet. Zmniejsza liczbę żądań HTTP, które należy wykonać, aby uzyskać wszystkie elementy witryny. Zwiększa również efektywność minifikacji i kompresji gzip.

Przykład minimalizacji Javascript

Upiększony 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);
}

Staje się to zminimalizowane:

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