Минификация JS/CSS
FreeУменьшает размер JavaScript или CSS, удаляя пробелы и комментарии, с опциональным сокращением имён переменных для JavaScript и статистикой размера до/после.
Работает полностью в вашем браузере. Ваш код никуда не отправляется.
Что делает этот инструмент
Вставьте читаемый JavaScript или CSS, и этот инструмент уменьшит его, удалив пробелы, комментарии и (для JavaScript, опционально) сократив имена локальных переменных, создав меньший файл с идентичным поведением.
Как это работает
Инструмент разбирает ваш код в абстрактное синтаксическое дерево с помощью движка terser с открытым исходным кодом для JavaScript и clean-css для CSS, а затем генерирует из этого дерева наиболее компактный эквивалентный исходный код: убирая комментарии и ненужные пробелы, сокращая числовые и цветовые значения там, где это безопасно, а для JavaScript с включённым mangling переименовывая идентификаторы локальной области видимости в самые короткие доступные имена. Поскольку преобразование работает с разобранной структурой, а не с исходным текстом, получившийся код ведёт себя точно так же, как оригинал.
Какие проблемы решает
- Уменьшение размера файла JavaScript или CSS для ускорения загрузки страницы, особенно перед ручным развёртыванием без конвейера сборки.
- Быстрое создание готового к продакшену пакета из одного скрипта или таблицы стилей без настройки полноценного инструмента сборки.
- Точное отображение того, насколько уменьшился файл, с точным сравнением размера до и после.
Часто задаваемые вопросы
›Этот инструмент также форматирует или украшает код?
Нет, этот инструмент только минифицирует (уменьшает) код, удаляя пробелы и комментарии. Если вам нужен читаемый, правильно отформатированный код, используйте вместо этого специальный инструмент форматирования.
›Что означает «mangle» для JavaScript?
Mangling переименовывает локальные переменные и параметры функций в короткие имена, например «a» или «b», везде, где это безопасно, что экономит дополнительные байты сверх простого удаления пробелов. Он никогда не переименовывает глобально доступные имена, поэтому не нарушает код, зависящий от конкретных глобальных идентификаторов.
›Безопасно ли использовать минифицированный код в продакшене?
Да, минификация изменяет только пробелы, комментарии и (опционально) имена локальных переменных. Логика и поведение кода сохраняются в точности, поэтому минифицированные JavaScript и CSS являются стандартной практикой на рабочих сайтах.
›Почему минификация завершилась ошибкой?
Минификаторам нужен корректный, разбираемый JavaScript или CSS. Если во входных данных есть синтаксическая ошибка, минификатор не может построить правильное внутреннее представление кода. Проверьте код в линтере или консоли браузера, чтобы найти точную проблему, исправьте её и попробуйте снова.
›Стоит ли хранить неминифицированную копию кода?
Да. Всегда храните исходный, читаемый код как версию, которую вы редактируете и поддерживаете, а минифицированную версию создавайте как шаг сборки. Относитесь к минифицированному результату как к одноразовому артефакту, а не как к файлу для ручного редактирования.
Похожие инструменты
Текст
Форматирование JS/CSS
Преобразует минифицированный или непоследовательно оформленный JavaScript либо CSS в читаемый код с правильными отступами, с настраиваемым стилем отступов и статистикой размера до/после.
FreeТекст
Валидатор HTML
Проверяет HTML на незакрытые теги, дублирующиеся ID, устаревшие элементы и другие распространённые чётко определённые проблемы, проверено собственным парсером сопоставления тегов, не полный валидатор соответствия W3C.
FreeТекст
Конвертер IPv4 в IPv6
Создаёт представления IPv6 с отображением IPv4, совместимые с IPv4, 6to4 и NAT64 для адреса IPv4, а также извлекает адрес IPv4 из любой из этих форм IPv6.
FreeТекст
Кодировщик JSON
Кодирует обычный текст в корректный строковый литерал JSON (экранируя кавычки, обратные слэши и разрывы строк) и декодирует обратно, с разбивкой по экранированным символам.
FreeТекст
Форматирование JSON
Проверяет и форматирует или минифицирует полный документ JSON с настраиваемым отступом, опциональной сортировкой ключей и точным указанием строки/столбца ошибки.
FreeТекст
Декодер JWT
Декодирует заголовок и полезную нагрузку JWT в читаемый JSON, преобразует временные утверждения в удобочитаемые даты, отмечает истёкшие токены и может проверить подпись HS256 с предоставленным вами секретом.
FreeТекст
Генератор llms.txt
Создаёт файл llms.txt по спецификации llmstxt.org из заголовка, описания и разделов ссылок, с группировкой Optional-разделов и предпросмотром в реальном времени.
FreeТекст
Предпросмотр Markdown
Отображает Markdown в виде живого, очищенного HTML рядом с исходным текстом, с переключателем для просмотра и копирования сгенерированного HTML.
Комментарии (0)
Понравился инструмент? Оставьте комментарий, поделитесь советом или расскажите, как нам его улучшить.
Пока нет комментариев. Будьте первым, кто поделится мнением!