Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить мініфікація?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Мініфікація** - це процес, за якого JavaScript, CSS і HTML-файли стискаються шляхом видалення всього, що не потрібне для виконання, щоб зменшити їхній розмір. **Ключове:** мініфікація - це спосіб стиснути код до межі, щоб він був якомога меншим і швидше доходив до користувача.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Мініфікація** - це процес, за якого JavaScript, CSS і HTML-файли стискаються шляхом видалення всього, що не потрібне для виконання, щоб зменшити їхній розмір. --- ### Що робить мініфікатор: 1. **Видаляє пробіли, переноси рядків і таби** Було: ```js function sum(a, b) { return a + b; } ``` Стало: ```js function sum(a,b){return a+b;} ``` 2. **Перейменовує змінні і функції** Довгі імена скорочуються до `a`, `b`, `c` тощо. 3. **Видаляє коментарі** 4. **Інлайнить і оптимізує вирази** Об'єднує інструкції, прибирає зайві конструкції. 5. **Іноді: прибирає «мертвий» код** (якщо увімкнена прод-збірка і tree shaking) --- ### Результат: - розмір файлу зменшується на 30-90% - код стає нечитабельним, але працює так само - завантажується швидше, парситься швидше --- ### Приклади мініфікаторів: - **Terser** (для JS) - **esbuild, SWC** (нове покоління) - **csso, clean-css** (для CSS) - **html-minifier** (для HTML) --- **Висновок:** Мініфікація - це спосіб стиснути код до межі, щоб він був якомога меншим і швидше доходив до користувача.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.