Как уменьшить размер скриптов

 

В этом посте я расскажу об очень полезном инструменте, который поможет Вам сжать javascript— и CSS-файлы для Ваших сайтов.

 

Для чего нужно сжимать файлы

Чтобы уменьшить их размер. Таким образом сайт будет грузиться быстрее.
 

Как работает YUI Compressor

Удаляет пробелы, пустые строки, ненужные символы и комментарии из кода.
 

Что использовать для сжатия файлов

Специальные программы-компрессоры. Существуют программы для компьютеров и онлайн компрессоры.

Итак, YUI Compressor - The Yahoo! JavaScript and CSS Compressor - онлайн YUI Compressor, предназначенный для сжатия javascript— и CSS-файлов.

Так выглядит главное окно (нажмите для увеличения):
 

yui-compressor

 

Как использовать YUI Compressor

Во первых можно использовать на выбор три варианта загрузки скриптов:

  • Исходный код
  • Файл
  • URL

Выбрав что-то одно, приступаем к настройке.

Выбираем тип кода: JavaScript или CSS

Настройки:

  1. Global Options
    • Display informational messages and warnings (useful for cleaning up your JS) — Показывать информационные сообщения и предупреждения (полезно для очистки JS-кода)
  2.  

  3. JavaScript Options
    • Minify only, no symbol obfuscation — Только минимизация
    • Preserve unnecessary semicolons (such as right before a '}') — Сохранять ненужные точки с запятой, например перед '}'
    • Disable all the built-in micro optimizations — Отключить все встроенные микрооптимизации
  4.  

  5. CSS Options
    • Insert a line breaks after '}' characters — Вставлять разрыв строки после символов «}»
  6.  

  7. Redirect Options
    • No redirect — Не перенаправлять
    • Redirect to output — Перенаправлять на готовый файл
    • Redirect to gzipped output — Перенаправлять на готовый файл, сжатый в gzip

 

Для сжатия достаточно поставить галочку напротив опции «Minify only, no symbol obfuscation/Только минимизация». Если Вы хотите, чтобы Ваш код вообще остался без изменений, то нужно установить галочку на опции «Preserve unnecessary semicolons (such as right before a '}') — Сохранять ненужные точки с запятой, например перед '}'». Если не поставить, то удалятся все точки с запятой перед символом '}'.

Можно жать «COMPRESS». Процесс займёт не много времени (несколько секунд). После чего Вам будет предложено скачать два варианта сжатого файла: просто файл или файл, архивированный в gzip.

Готово. Теперь у Вас есть минимизированный сжатый javascript— или css-файл.
 
Что ж. Как минимизировать скрипты и уменьшить их размер, Вы знаете.
 
На этом пост про YUI Compressor заканчиваю. Если есть вопросы, пишите в комментариях.
 

Использовать Online YUI Compressor

 

Оцените материал:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звёзд   (голосов: 6, средняя оценка: 4,33 из 5, сумма: 26)

Loading...

Понравилось? Поделитесь с друзьями:





Другие материалы по теме:

Борисов - Качество
HTML и CSS - бесплатные видеокурсы
«HTML» и «CSS»
Изучите Видеокурсы
Бесплатно!
Станьте хозяином своих сайтов прямо сейчас! Введите Ваше Имя и Ваш E-Mail:

Ваш E-Mail в безопасности