Минификация (программирование)
Минифика́ция (англ. minification) в языках программирования — процесс удаления ненужных символов из исходного кода без изменения его функциональности, с целью уменьшения его размера. Минификация применяется преимущественно к интерпретируемым языкам (таким как JavaScript, HTML, CSS), особенно в разработке веб-приложений, поскольку она способствует снижению времени загрузки, экономии пропускной способности и ускорению исполнения кода в браузере[1].
Процесс включает удаление:
- комментариев;
- пробелов и отступов;
- переводов строк;
- необязательных синтаксических элементов;
- переименование переменных и функций с длинными именами на более короткие (при условии сохранения логики программы).
Минификация часто выполняется в составе сборки проекта, при помощи инструментов типа Gulp, Webpack, Rollup или специализированных минификаторов, таких как UglifyJS, Terser, Google Closure Compiler и др.
Применение
[править | править код]Минификация улучшает производительность за счёт уменьшения объёма передаваемых по сети файлов. Также используется в рамках SEO и оптимизации скорости загрузки сайта, поскольку Google учитывает скорость загрузки при ранжировании.
На практике минифицированные файлы часто дополняются source map-файлами, которые позволяют отлаживать минифицированный код, отображая его в виде оригинального исходника в инструментах разработчика браузера.
Пример
[править | править код]До минификации:
// JavaScript
var array = [];
for (var i = 0; i < 20; i++) {
array[i] = i;
}
После минификации:
for(var a=[i=0];i<20;a[i]=i++);
Отличие от обфускации
[править | править код]Минификация отличается от обфускации тем, что её цель — исключительно сокращение размера, а не защита кода от анализа. Хотя некоторые минификаторы делают код трудночитаемым, это побочный эффект, а не основная задача[2].
Инструменты
[править | править код]Некоторые популярные инструменты минификации:
- UglifyJS — JavaScript минификатор;
- Terser — современный форк UglifyJS, с поддержкой ES6+;
- Google Closure Compiler — минификатор и оптимизатор JavaScript от Google;
- HTMLMinifier — минификация HTML;
- CleanCSS — минификация CSS;
- Gulp и Webpack — сборщики, поддерживающие минификацию в цепочке сборки.
См. также
[править | править код]Примечания
[править | править код]- ↑ Minify — MDN Glossary (англ.). Mozilla Developer Network. Дата обращения: 15 мая 2025.
- ↑ Reduce JavaScript payloads with code splitting. Google Web.dev. Дата обращения: 15 мая 2025. Архивировано 23 сентября 2023 года.
Ссылки
[править | править код]- MDN Web Docs — Minify
- WebPlatform Docs: JavaScript minification (англ.)
- JSMin от Дугласа Крокфорда (англ.)