Оптимизируем JAVASCRIPT Код

CompressionBlock Всё больше и больше веб-разработчиков начинают пользоваться специальными библиотеками и Фреймворками для придания динамичности своему проекту , но не стоит забывать , что данные усовершенствования несут в себе и другую сторону. При использовании JavaScript Фреймворков увеличивается время загрузки страницы и иногда весьма значительно. Совсем не давно , я писал о трёх способах компрессии СSS при помощи PHP , а сегодня хочу рассказать от том , как на лету можно оптимизировать JavaScript код.

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

Если вы предпочитаете , нагнать туманности на ваш JS код ( сделать код менее читаемым для других ) , то есть другой вариант — алгоритма компрессии , так называемы Paker от Дина Эдвардса , в котором на много эффективней чем в предыдущем мною упомянутом происходит обработка и оптимизация кода.

Пакующий алгоритм дружит почти со всеми формами JS кода , но для успешной работы с ним вы должны придерживаться одного правила , когда пишите свой JavaScript код — закрывайте все функции и объявления в коде , правильно!  — точкой с запятой.

Если привести некоторое сравнение , то при компрессии jQuery библиотеки — версии 1.0.3 ( оригинальный размер которой 51120 байт ) мы получаем следующие результаты , приведённые в таблице:

  No Gzip With Gzip
JSMin 30076 байт 9587
байт
Paker 18923
байт
9731
байт

Так что вы видите , что при компрессии используя Gzip разница совсем не велика , в другом случае она существенна.

Всё что вам требуется для того , чтобы оптимизировать и зажать ваш JavaScript при помощи PHP — это .htaccess файл и PHP обработчик ( всё есть в архиве указанном ниже ) , который скажет вашему веб серверу обрабатывать .js файлы через PHP.

Скачать исходные файлы можно от сюда. [11kb]

Отличный ресурс по созданию сайтов — поддержка , расскрутка и другие услуги в сфере веб-разработок. Эксклюзивные решения для вас : разработка программного обеспечения на заказ для IPhone и других платформ , включая MAC. Быстрая и профессиональная регистрация фирм на ресурсе — profireg.ru/.

Популярность: 100%

Можно также почитать:

7 комментариев

  1. Sonikelf Sonikelf пишет:

    Ммм... Спасибо за статью по оптимизации JAVASCRIPT...

  2. Михаил Михаил пишет:

    >>Всё что вам требуется для того , чтобы оптимизировать и зажать ваш JavaScript при помощи PHP — это .htaccess файл и PHP обработчик

    Спасибо за очень полезную программу. Буду ждать еще подобных вещей.

  3. Михаил Михаил пишет:

    Кстати очень странно стали у вас добовляться коментарии.

  4. Deloff Deloff пишет:

    Спасибо, на одном из своих проектов попробую этот метод...надоело использовать JSmin и сохранять два файла (минимизированный и полный чтобы вносить правки

  5. Главный Лаборант Главный Лаборант пишет:

    Довольно интересный способ ;) Надо взять на вооружение, спасибо большое!

  6. igrif igrif пишет:

    Действительно способ интересный. Только интересно, а почему при использовании GZip он проигрывает JSMin`у. Однако, при использовании GZip`а предпочтительней использовать все же «простую» оптимизацию (JSMin), имхо при увеличении размера разница будет еще заметнее (Хотя, что может быть больше JQuery :) ).

Написать комментарий

О блоге

сoderx.in - это блог о Web разработке, Web дизайне и программировании для начинающих и профессионалов в своём деле, а также о новостях и новинках в сфере IT. Практические советы и рекомендации о том, как создать, защитить и раскрутить свой сайт.