Документация

Полное руководство по использованию CodeSqueeze для минификации вашего кода.

Что такое CodeSqueeze?

CodeSqueeze — это онлайн-инструмент для минификации HTML, JavaScript и CSS кода. Работает полностью в браузере, без отправки данных на сервер.

1 Установка

CodeSqueeze не требует установки. Просто откройте страницу в браузере и начните работу.

Локальное использование

Если хотите использовать оффлайн, скачайте HTML файл:

git clone https://github.com/Rianvy/CodeSqueeze.git
cd CodeSqueeze
# Откройте index.html в браузере

2 Быстрый старт

1

Выберите тип кода

Нажмите на вкладку HTML или JavaScript в зависимости от типа вашего кода.

2

Вставьте код

Вставьте ваш код в левое текстовое поле или используйте кнопку "Вставить".

3

Настройте опции

Включите или отключите нужные опции минификации.

4

Минифицируйте

Нажмите кнопку "Минифицировать" и получите результат в правом поле.

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

CodeSqueeze безопасно минифицирует HTML, сохраняя важные элементы.

Пример

До:

<!DOCTYPE html>
<html>
  <head>
    <title>Example</title>
  </head>
  <body>
    <!-- Comment -->
    <div class="container">
      <h1>Hello</h1>
    </div>
  </body>
</html>

После:

<!DOCTYPE html><html><head><title>Example</title></head><body><div class="container"><h1>Hello</h1></div></body></html>

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

Безопасно сжимает JS код, сохраняя строковые литералы и регулярные выражения.

⚠️ CodeSqueeze не переименовывает переменные. Для этого используйте UglifyJS или Terser.

Что сохраняется:

Строки в одинарных кавычках: 'строка'
Строки в двойных кавычках: "строка"
Template literals: `строка ${var}`
Регулярные выражения: /pattern/flags

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

Inline CSS внутри тегов <style> автоматически минифицируется.

Оптимизации:

Удаление CSS комментариев
Удаление лишних пробелов
Удаление необязательных точек с запятой
Сохранение url() значений

Опции

Удалить комментарии

Удаляет HTML, JS и CSS комментарии из кода.

По умолчанию: Включено

Удалить лишние пробелы

Сжимает множественные пробелы и переносы строк.

По умолчанию: Включено

Минифицировать Inline JS

Сжимает JavaScript код внутри тегов <script>.

По умолчанию: Включено

Минифицировать Inline CSS

Сжимает CSS код внутри тегов <style>.

По умолчанию: Включено

Часто задаваемые вопросы

Безопасно ли это для продакшена?

Да, CodeSqueeze использует безопасные алгоритмы, которые не ломают код. Однако всегда тестируйте минифицированный код перед деплоем.

Мои данные отправляются куда-то?

Нет. Вся обработка происходит локально в вашем браузере. Никакие данные не отправляются на сервер.

Есть ограничения на размер файла?

Технических ограничений нет. Производительность зависит от мощности вашего устройства.

Решение проблем

Код не работает после минификации

Проверьте, что все строки правильно закрыты кавычками и нет синтаксических ошибок в исходном коде.

Стили выглядят неправильно

Убедитесь, что CSS синтаксис корректен. Попробуйте отключить опцию минификации CSS.