Для чего делается минификация?

Минификация нужна, чтобы уменьшить размер файлов (JS, CSS, HTML) за счёт удаления лишнего — это ускоряет загрузку страницы.

Что делает минификация

Удаляет всё, что не влияет на работу кода, но занимает место:

• Пробелы, переносы, отступы.
• Комментарии.
• Сокращение имён переменных/функций (userName → a).
• Удаление мёртвого кода.

// До
function calculateTotal(price, quantity) {
  // считаем сумму
  return price * quantity;
}

// После
function c(a,b){return a*b}

Зачем нужна

• Меньше размер файла → быстрее загрузка (особенно на медленной сети).
• Меньше трафика → экономия для пользователя и сервера.
• Быстрее парсинг браузером.
• Прямое влияние на метрики (FCP, LCP) и конверсию.

Минификация против сжатия

• Минификация — убирает лишнее из исходника (пробелы, комментарии, длинные имена).
• Сжатие (gzip/brotli) — сжимает байты при передаче (сервер → браузер).

Их применяют вместе: сначала минификация, потом gzip.

Когда применяется

Автоматически при production-сборке (Webpack/Vite через Terser для JS, cssnano для CSS). В dev-режиме не минифицируют (для отладки нужны source maps).

Коротко для собеседования

Минификация уменьшает размер файлов, удаляя пробелы, комментарии и сокращая имена переменных — ускоряет загрузку, экономит трафик, ускоряет парсинг. Отличается от сжатия (gzip/brotli — сжатие байтов при передаче); их применяют вместе. Делается при production-сборке (Terser, cssnano).