Бесплатный онлайн-инструмент Javascript Minify

Инструмент минимизации Javascript

Сокращение Javascript берет красивый, хорошо сформированный код JS, который вы написали, и удаляет пробелы, отступы, новые строки и комментарии. Они не требуются для успешной работы Javascript. Это также затрудняет чтение Javascript при просмотре исходного кода.

Многие разработчики будут поддерживать «красивую» версию и после развертывания своего проекта запускать свои сценарии с помощью программы минификации. Они также часто объединяют свои многочисленные файлы сценариев в один файл.

Зачем использовать Javascript Minifier?

Цель минификации — увеличить скорость веб-сайта. Минимизация может уменьшить размер скрипта до 20 %, что приведет к ускорению загрузки. Некоторые разработчики также будут использовать его для «обфускации» своего кода. Это затрудняет чтение кода, тем самым затрудняя реинжиниринг или копирование.

Также общепринятой практикой является объединение всех файлов Javascript для одного веб-сайта в один файл. Это имеет ряд преимуществ. Это уменьшает количество HTTP-запросов, которые необходимо выполнить для получения всех элементов веб-сайта. Это также делает минификацию и сжатие gzip более эффективными.

Пример минимизации 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);}