Уроки

Минификация JavaScript файлов для сокращения его объёма

Во время минификации файл модифицируется следующим образом:

  • Удаляются лишние символы: пробелы, переносы строк, точки с запятой и т. д.
  • Названия функций и переменных заменяются на более короткие там, где это возможно.
  • Упрощаются логические выражения так, чтобы функциональность оставалась прежней.
  • и другие оптимизации.

Все эти операции полностью сохраняют функциональность кода и позволяют уменьшить размер файлов. Это необходимо, чтобы ускорить загрузку файла и, следовательно, страницы.

Как минифицировать файлы.

Пример минифицированного и обычного JavaScript кода:

/*Стандартный читаемый JavaScript код*/
function updateLabel(label, resizeElement, position) {
    if(position == 'left') {
        ( label.offset().left + label.outerWidth() < resizeElement.offset().left + resizeElement.outerWidth() ) ? label.removeClass('is-hidden') : label.addClass('is-hidden') ;
    } else {
        ( label.offset().left > resizeElement.offset().left + resizeElement.outerWidth() ) ? label.removeClass('is-hidden') : label.addClass('is-hidden') ;
    }
}
/*Идентичный по функциональности, но минифицированный JavaScript код*/
function updateLabel(e,t,d){"left"==d?e.offset().left+e.outerWidth()<t.offset().left+t.outerWidth()?e.removeClass("is-hidden"):e.addClass("is-hidden"):e.offset().left>t.offset().left+t.outerWidth()?e.removeClass("is-hidden"):e.addClass("is-hidden")}

ПРО подписка для работы с сервисом

Промо
Для подготовки коммерческого предложения.
190 ₽
50 страниц на 10 дней
  • 1 страница даёт 1 запуск инструмента Проверка страницы.
  • Покупается для определённого сайта
  • Ограничения на остальные инструменты остаются теми же
ПРО подписка
Для регулярной работы над сайтом или группой сайтов.
1 580 ₽
3500 страниц в неделю. Срок подписки — 1 месяц.
Кошелёк
Отдельный баланс страниц, дополняющий баланс ПРО подписки.
190 ₽
Количество страниц
  • Требуется активная ПРО подписка для использования баланса кошелька
Мы используем cookie. Продолжая пользоваться сайтом, вы соглашаетесь на обработку персональных данных в соответствии с политикой конфиденциальности. Соглашаюсь