Joomla - сжатие CSS и JS файлов

Часто многочисленные плагины и модули Joomla, а также готовые CSS фреймворки (blueprint, bootstrap), JS фреймворки (JQuery,Mootools) и дополнения (Jquery.tools, Jquery.ui) приводят к тому, что при загрузке страницы браузеру приходится скачивать более десятка различных CSS (файлы стилей) и JavaScript файлов.

Фреймворки, конечно, сокращают время разработки, однако пользователь не должен страдать. Будем оптимизировать клиентские файлы для Joomla. Распространенным приёмом оптимизации JavaScript и CSS файлов является их сжатие и (или) объединение в один файл.

Возьмём сайт, у которого значение PageSpeed Score* до оптимизации равно 49 (out of 100) и попробуем оптимизировать его при помощи плагинов.

! После включения/выключения/изменения плагина оптимизации CSS следует сбросить кэш и убедиться, что он располагается до плагина кэширования.

JCH Optimize  - модуль Joomla для сжатия CSS и JavaScript

При помощи модуля JCH Optimize можно значительно ускорить открытие страниц. Он объединяет все (или не все, в зависимости от выставленных Вами настроек) JavaScript и CSS файлы в один, для уменьшения количества HTTP-запросов к серверу и общего объема файлов. Однако, следует обращать внимание на изменение внешнего вида в случае не совсем корректной “минификации CSS”. При необходимости, любой из кэшированных файлов можно удалить в админке. 80 (out of 100).

jbetolo - плагин для объединения CSS файлов

jbetolo -  Ещё один способ сжатия CSS и JS файлов. Однако у меня он напрочь отказался что-либо сжимать. Несмтря на то, что длиннющий список js|css файлов висел в тэге head, гугл показал прирост очков - 50 (out of 100). Плюс один.

JFinalizer - Ещё один плагин для сжатия CSS и JS-файлов.

Без особой настройки PageSpeed Score стал 74 (out of 100). Однако, смутило предупреждение, выводимое в случае отсутствия некоторых сжимаемых файлов (сайт на скриншоте позаимствован из выдачи гугла, там таких много):

Jfinalizer asset file not found

jFinalizer Error 401: asset file not found: components

Если в дальнейшем сайтом будут заниматься сторонние вебмастера (что вполне вероятно) и намудрят со стилями-скриптами - такое предупреждение будет видеть каждый посетитель… и поисковики.. В общем, решил отказаться

CssJsCompress

Как можно догадаться из названия, и этот Joomla-плагин позволяет сжимать CSS и JS. Однако, сжимает их он как-то выборочно.. По результату работы (точнее по ошибке с blueprint) похож на JCH Optimize. Визуально файлов скриптов и стилей стало меньше, однако гугл не особо расщедрился и выделил 55 (out of 100).

Выбор плагина для сжатия CSS и JS файлов

По итогам сравнения плагинов Joomla на сайте был установлен безоговорочный лидер JCH Optimize. После оптимизации плагинами было добавлено кэширование изображений и js|css файлов в браузере клиента.

http://rakaz.nl/code/combine - скрипт для объединения файлов, находящихся в одном каталоге
if (JDEBUG) $_PROFILER = JProfiler::getInstance(’Application’); // профилирование скриптов
JDEBUG ? $_PROFILER->mark(’myMark’):null;

* Результат оптимизации проверялся при помощи сервиса от Google https://developers.google.com/speed/pagespeed/

Метки:

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

Комментарии (3) к записи “Joomla - сжатие CSS и JS файлов”

  1. poltoraivana.ru сообщает :

    Отличная подборка плагинов. Ценная статья для меня оказалась.
    [poltoraivana.ru]

  2. ikeakmv.ru сообщает :

    версия 2.1.2 подходит для joomla 3x

  3. Максим сообщает :

    Здравствуйте!
    А есть ли у Вас на примете плагин, чтобы сжать фотографии прямо на сайте? Движок Джумла. У нас примерно 150 фотографий. Пока известен один способ- перетаскивать их обратно на компьютер, редактировать, а потом опять загружать их на сайт. Посоветуйте, пожалуйста, что-нибудь попроще.
    [marsenius.ru]

Добавить комментарий