В процессе оптимизации каждый веб-разработчик приходит к необходимости сжимать CSS и JavaScript. Обычно это делается путем незначительных изменений в коде + удаления пробелов и отступов. Читаемость кода от этого сильно страдает, но не функциональность. Пользователь выигрывает в трафике, вебмастер — в скорости загрузки.
Также часто возникает задача наоборот — развернуть сжатый JavaScript в читаемое состояние, чтобы внести правки (если оригинал потерялся) или прочитать код конкурентов:)
Сжатие JavaScript
Часто для этого используют
YUI. Это очень популярный инструмент, который может сжимать не только JavaScript, но и CSS.
Воспользоваться этим инструментом онлайн можно только на сторонних сайтах. Попробуйте
этот. Выставьте настройки и вуаля! Ваш новый код. Не узнаете? Так и задумывалось. Можно использовать его на ваших страницах. Он будет работать так же хорошо, как и оригинал, только весит в два раза меньше.
Я тестировал сжатие на скрипте, который весит 50,1 килобайт. YUI сжал его до 31,9 кб.
Еще есть два алгоритма сжатия JavaScript —
Minify (JSmin) и
Packer (Dean Edwards). Первый на том же исходном файле дал мне 32 килобайта, второй — 29,3! Лучший результат.
Не факт что на всех скриптах результат будет таким же и я бы советовал
пробовать сжатие всеми алгоритмами и выбирать лучший для каждого скрипта.
Разворачивание и чистка JavaScript
Чтобы преобразовать сжатый JavaScript в читаемый вид, нужно воспользоваться онлайн-инструментами. Их в сети много, но все они мне не нравятся кроме одного.
Beautify Javascript. У него есть
свой сайт, где можно скачать плагины для браузеров и текстовых редакторов и использовать его непосредственно. Очень приятно все это сделано и форматирует — прямо загляденье! Всем рекомендую.
А если у вас телефон самсунг s5230 — предлагаю вам скачать
темы для самсунга s5230 бесплатно;)
![[Valid RSS]](/img/valid-rss-rogers.png)
by SHAman