Минификатор на код

Справочник

Какво е минификация на код?

Минификацията на код премахва ненужните символи от изходния код — интервали, коментари, нови редове и незадължителни разделители — без да променя поведението на кода. Резултатът е по-малък файл, който се изтегля по-бързо по мрежата. Минификацията е стандартна стъпка във всеки съвременен front-end пайплайн за изграждане и е препоръчана от насоките на Google за уеб производителност за HTML, CSS и JavaScript.

HTML минификация

HTML минификацията премахва HTML коментари (<!-- ... -->) и свива интервалите между тагове. Браузърите игнорират допълнителните интервали в HTML, така че премахването им няма визуален ефект, но намалява размера на файла. Типичните спестявания от HTML минификация варират от 10–25% в зависимост от стила на форматиране и плътността на коментарите. Вградените <style> и <script> блокове също се възползват от специфична за езика минификация.

CSS минификация

CSS минификацията премахва коментари (/* ... */), свива интервалите и премахва интервали около {, }, :, ; и ,. Също така премахва последната точка и запетая преди }, която CSS парсерите позволяват да бъде пропусната. Добре коментираните CSS файлове обикновено виждат 20–40% намаляване на размера. За продукция инструменти като cssnano и Lightning CSS отиват по-далеч, обединявайки дублирани правила, съкращавайки цветове (#ffffff → #fff) и премахвайки излишни префикси.

JavaScript минификация

Този инструмент извършва консервативна JavaScript минификация: премахва едноредови коментари (// ...), многоредови коментари (/* ... */) и свива интервалите. Това е безопасно и бързо, но не е пълен оптимизатор — не преименува променливи, не извършва tree-shake на неизползвани exports и не премахва мъртъв код. За продукционни билдове използвайте специализирани инструменти: Terser (стандартът за Webpack/Vite), esbuild (изключително бърз, базиран на Go) или SWC (базиран на Rust, използван от Next.js). Тези инструменти постигат 40–70% намаляване на размера, комбинирайки минификация с mangling на променливи.

Поверителност

Цялата обработка работи 100% във вашия браузър. Никакви данни не се изпращат към сървър.