Что такое минификация CSS и JavaScript

Минификация — сжатие кода стилей и скриптов: удаление пробелов, переносов строк, комментариев, сокращение имён переменных. Работает код так же, а весит меньше.

Сколько экономит

Обычно 20–60% размера файла. Вместе со сжатием на сервере (gzip или brotli) тяжёлые файлы становятся в несколько раз легче.

Как включить

• в сборщиках проекта (Vite, Webpack и другие) минификация включена в режиме сборки для продакшена;
• в CMS — через плагины оптимизации;
• подключайте файлы с суффиксом .min.js и .min.css, если библиотека их предоставляет.

Чего не делать

• минифицировать вручную без сборщика — легко сломать код;
• забывать про сжатие на сервере: без gzip минификация даёт меньше пользы.

Пример

Файл стилей сайта весил 420 КБ. После минификации — 290 КБ, после включения brotli на сервере браузер скачивал около 45 КБ.

Как проверить

Аудит SerpWatch отмечает неминифицированные скрипты и стили, а также страницы, которые отдаются без сжатия.

Частые вопросы

Минификация HTML тоже нужна?

Даёт небольшой эффект. Сжатие gzip или brotli для HTML полезнее.

Влияет ли минификация на позиции?

Только через скорость загрузки страниц.