Обзоры расширений Joomla

 

 

JCH Optimize Pro – плагин для ускорения Joomla сайтов путём оптимизации исходного кода, изображений, порядка загрузки и применения сети доставки контента (CDN). Плагин есть как в платной версии, так и в бесплатной. Данное расширение может быть полезно абсолютно любому веб-мастеру. В предыдущей статье «WEBO Site SpeedUp. Ускорение сайта Aleksius.com» уже рассмотрено аналогичное расширение для ускорения Joomla. Можно сказать, что это альтернативы.

На сайте расширений Joomla, у бесплатной версии JCH Optimize 189 отзывов (на 15.12.2015) с итоговой оценкой 100 из 100. Дата добавления расширения в каталог – 18 ноября 2014. За такой промежуток времени далеко не всем расширениям удаётся набрать подобное количество положительных отзывов.

Стоит отметить, что расширение доступно не только для Joomla, но и для WordPress, Magento, Drupal.

Обзор будет проходить в последней, от 15.12.2015, версии JCH Optimize Pro 5.0.1, Joomla 3.4.6. К сожалению, на данный момент русскоязычный перевод, доступный в плагине, достаточно «сырой» (авторство не мое). Его планируют исправить в ближайшее время.

Обратите внимание, в статье не затронуты вопросы ускорения загрузки Joomla «штатными» средствами или при помощи «банальных» мер, например, отключения всех ненужных расширений, оптимизации изображений на локальном компьютере и другое.

Скорость загрузки сайта

Перед непосредственным рассмотрением JCH Optimize Pro и его настроек, акцентируем важность увеличения скорости загрузки сайта и сложность данного процесса.

Примерно с 2009-2010 года представители Google официально заявили, что «…скорость сайта теперь также учитывается в ранжировании результатов поиска…» (источник: дочерний сайт форума инструментов для веб-мастеров Google). А вот видео, в котором Мэтт Каттс (руководитель отдела по борьбе с поисковым спамом в Google) заявляет о том, что скорость загрузки мобильных сайтов может влиять на его позиции в поисковой выдаче. Ситуация с Яндекс и другими поисковыми системами, думаю, аналогична. Хотя бы потому, что скорость загрузки сайта может влиять и на поведенческие факторы, а те, в свою очередь, воздействуют на позиции сайта в поисковой выдаче. В Яндекс Метрике (как и в Google Analytics) есть возможность отслеживания времени загрузки страниц – это ещё одно доказательство того, что поисковые системы учитывают этот показатель. Плюс, не забывайте об «удобстве пользования» сайтами. Медленные сайты, априори, не считаются удобными для большинства.

В статье «Качество сайта» я выделил скорость как одну из шести основных «групп показателей» качества сайта. Назвал скорость «группой показателей», так как это понятие весьма обширное и неоднозначное. Чтобы убедиться в этом, рекомендую прочесть статью «Как мы измеряем скорость загрузки Яндекс.Почты» в официальном блоге Яндекса на Хабрахабр. Например, что считать финальной точкой загрузки страницы сайта?

  • Появление в окне браузера пользователя «контентной» (смысловой) части страницы?
  • Появление в окне браузера пользователя «контентной» части страницы и всех элементов интерфейса, включая виджеты и кнопки социальных сетей со сторонних сервисов?
  • Появление в окне браузера пользователя «контентной» части страницы, всех элементов интерфейса (включая виджеты и кнопки социальных сетей со сторонних сервисов) и загрузки всех счётчиков типа Яндекс Метрика Google Analytics и так далее?

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

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

Для гибкой настройки кэширования попробуйте компонент JotCache.

Для упрощения изложения информации в данной статье буду считать решающим показателем скорости загрузки страницы время, которое прошло от отправки запроса пользователем на сервер сайта до полной загрузки абсолютно всего кода страницы и его отображения в окне браузера пользователя. То есть, например, от нажатия на ссылку в закладках браузера до появления в окне браузера пользователя «контентной» (смысловой) части страницы, всех элементов интерфейса (включая виджеты и кнопки социальных сетей со сторонних сервисов) и загрузки всех счётчиков типа Яндекс Метрика, Google Analytics и так далее.

Рекомендую ознакомиться с этими двумя статьями:

  1. «Оптимизируем скорость загрузки сайта – улучшаем ПФ и позиции».
  2. «Как скорость и доступность сайта влияют на SEO».

Однако, ускорение сайта, даже с JCH Optimize Pro, может быть достаточно сложной и трудоёмкой задачей. Так как нужно соблюсти баланс между:

  1. Самой скоростью загрузки сайта.
  2. Нагрузкой на сервер (хостинг).
  3. Корректностью отображения\работоспособности сайта.

Также не стоит забывать, что процесс оптимизации скорости загрузки сайта – итерационный. Достаточно изменить настройки в каком-то расширении сайта и может возникнуть необходимость в повторной оптимизации.

JCH Optimize Pro

Для JCH Optimize Pro заявлены весьма скромные системные требования:

  • Joomla 3.3.0 и более новая версия.
  • PHP-версии от 5.3 и до 5.6.
  • Наличие библиотеки PHP PCRE-версии 8.00 (и более новой).

Обратите внимание, что эти системные требования актуальны для JCH Optimize Pro 5.0.1 (на 15.12.2015). Возможно, более старые версии JCH Optimize будут работать на более старом программном обеспечении. На странице загрузок JCH Optimize доступна версия плагина 3.0.0, датирована 22 декабря 2013. Почти уверен, что она подойдёт для Joomla 2.5.

Рассмотрим наиболее интересные, на мой взгляд, возможности и особенности JCH Optimize Pro.

  • Шесть предустановленных «групп» настроек оптимизации сайта. Параметры групп настроек можно менять.
  • Возможность изменения порядка выполнения плагинов Joomla для оптимизации генерации страницы.
  • Объединение CSS и javascript файлов в один. С возможностью настройки объединения
  • Сжатие (Gzip) объединённых CSS и javascript файлов.
  • Возможность исключения определённых файлов из объединения (рисунок ниже).
Ускорение Joomla
Ускорение Joomla
  • Возможность исключения всех файлов определённого компонента из объединения.
  • Упрощение выбора исключений из объединения CSS и javascript файлов, присутствующих на конкретных страницах пунктов меню.
  • Упрощение выбора исключений из объединения CSS и javascript файлов, находящихся в определённой части страницы (в тегах <style> и <script>).
  • Возможность создания специальных ссылок на объединённые файлы для использования в htaccess и улучшения кэширования на прокси.
  • Минимизация объединённых CSS и javascript файлов.
  • Минимизация HTML. С возможностью выбора уровня минимизации.
  • Создание спрайтов изображений (объединение нескольких фоновых изображений в одно). С настройкой направления создания и оборачиванием.
  • Возможность исключения определённых изображений из спрайта.
  • Возможность включения дополнительных изображений в спрайт.
  • Отложенная загрузка javascript.
  • Включение сторонних «дополнений», например, виджетов с других серверов, в объединённый файл.
  • Включение в объединённый файл фрагментов кода, находящегося непосредственно в теле страницы, в тегах «<style>» и «<script>».
  • Замена at-правил @imports в CSS-файлах на значения этих правил.
  • Добавление в объединённый файл тех файлов, ссылки на которые находятся в теге «<body>».
  • Возможность загрузки статических файлов с CDN или «куки-доменов» (до 3-х доменов) (рисунок ниже).
Настройка JCH Optimize Pro
Настройка JCH Optimize Pro
  • Возможность указания, какие типы файлов не будут загружаться по CDN.
  • Возможность использования отложенной загрузки изображений, включённых в «тело смыслового содержимого» страницы (в материалы).
  • Возможность исключения из отложенной загрузки отдельных изображений или целых папок с изображениями. Возможность исключения по классам.
  • Устранение проблемы отображения CSS-форматирования.
  • Пакетная оптимизация размера изображений (в Кб).
  • Возможность пакетного изменения ширины и высоты изображений.
  • Возможность очистки кэша прямо из настроек плагина.
  • Препятствие двойной загрузке библиотек типа Mootools, jQuery и т. д.
  • Простой интерфейс.
  • Наличие опций, упрощающих процесс выявления возможных ошибок в работе сайта после оптимизации (отладка) (рисунок ниже).
Скорость загрузки Joomla
Скорость загрузки Joomla
  • Плагин переведён на несколько языков, включая украинский, английский, и скоро появится финальная версия русского языка (автор не я). Включая всплывающие подсказки и поясняющие подписи.
  • Хорошая документация (на английском языке).
  • Возможность автоматического обновления плагина.
  • Совместимость с JotCache.

Рассмотрим основные, на мой взгляд, отличия JCH Optimize Pro от JCH Optimize.

 

 

JCH Optimize

JCH Optimize Pro

Асинхронная загрузка javascript

Нет

Да

Оптимизация доставки CSS (устранение проблемы отображения CSS-форматирования)

Нет

Да

Пакетная оптимизация размера изображений (в Кб)

Нет

Да

Возможность загрузки статических файлов с CDN или «куки-доменов» (до 3-х доменов).

Нет

Да

Возможность использования отложенной загрузки изображений, включённых в «тело смыслового содержимого» страницы (в материалы). И наличие настроек данной возможности

Нет

Да

Количество предустановленных настроек оптимизации сайта

3

6

Возможность исключения определённых javascript файлов из объединения

Нет

Да

Исключение из объединения CSS и javascript файлов, находящихся в определённой части страницы (в тегах <style> и <script>)

Нет

Да

Замена at-правил @imports в CSS-файлах на значения этих правил.

Нет

Да

Включение сторонних «дополнений», например, виджетов с других серверов, в объединённый файл

Нет

Да

Включение в объединённый файл фрагментов кода, находящегося непосредственно в теле страницы, в тегах «<style>» и «<script>»

Нет

Да

Добавление в объединённый файл тех файлов, ссылки на которые находятся в теге «<body>»

Нет

Да

Возможность автоматического обновления плагина

Нет

Да

«Премиальная» техническая поддержка при помощи билетов

Нет

Да

Цена

Бесплатно

От $29

 

Настройка JCH Optimize Pro

Все настройки плагина разделены на семь вкладок:

  1. Плагин.
  2. Основные параметры.
  3. Дополнительные параметры.
  4. Исключить параметры.
  5. Бесплатные особенности.
  6. Pro Особенности.
  7. Оптимизация изображений.

На вкладке Плагин есть информация о самом расширении и возможность его активировать. Остальные вкладки рассмотрим более детально.

Приведу некий «алгоритм» настройки JCH Optimize Pro, который призван помочь Вам найти баланс между скоростью загрузки сайта, его корректной работоспособностью и нагрузкой на сервер. Перед началом настройки JCH Optimize Pro отключите все расширения кэширования, если они есть, а также кэширование в самой Joomla. Кэш Joomla отключается тут: Система – Общие настройки – Система – Кэш. Также проверьте плагин кэширования «Система - Кэш» в Расширения – Менеджер плагинов, если он включён – отключите.

  1. Проведите тестирование скорости загрузки и степени оптимизации Вашего сайта. Многие сервисы дают рекомендации о том, что именно нужно изменить для ускорения. Подробнее об этом можно прочесть в следующей статье.
  2. Проверьте степень нагрузки сайта на Ваш сервер\хостинг. Подробнее об этом можно прочесть в следующей статье.
  3. Включите плагин JCH Optimize Pro. На вкладке Плагин. И перейдите на вкладку Основные параметры. Следующие описанные опции находятся там.
  4. Примените Leverage Browser Caching.
  5. Примените Fix File Permissions.
  6. Примените Order Plugin.
  7. Выберите одну из опций автоматических настроек. Начните или с Average, если у Вас JCH Optimize, или с Optimum, если у Вас JCH Optimize Pro.
  8. Примените Clean Cache.
  9. Очистите кэш своего браузера.
  10. Проверьте весь сайт на наличие ошибок в отображении и работоспособности. При нахождении проблемы или вернитесь к пункту №7 и выберите «меньший», стоящий слева, набор настроек, или перейдите к пункту №11. Если проблемы не обнаружены, перейдите к пункту №12.
  11. Найдите и устраните причину ошибки. Как это сделать, описано в следующей статье.
  12. Проведите тестирование скорости загрузки и степени оптимизации Вашего сайта.
  13. Проверьте степень нагрузки сайта на Ваш сервер\хостинг.
  14. Если результаты Вас устраивают, то оптимизация завершена. Нет - перейдите к пункту №15.
  15. Поочерёдно активируйте опции ускорения Joomla, доступные на других вкладках и повторяйте действия в пунктах №8-14.

Процесс итерационный и может занимать много времени. При внесении изменений в настройки программного обеспечения сайта\сервера или его обновлений может понадобиться повторная оптимизация.

Основные параметры

На вкладке Основные параметры (рисунок ниже) собраны главные настройки JCH Optimize Pro.

JCH Optimize Pro
JCH Optimize Pro

В области Автоматические настройки (рисунок выше) доступно шесть предварительно сконфигурированных групп настроек.

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

Состав групп настроек приведён в таблице ниже. Результаты оптимизации сайта при помощи каждой из групп настроек будут приведены в следующей статье.

 

Опция

Minimum

Intermediate

Average

Deluxe

Premium

Optimum

Автоматические базовые настройки

Объединять CSS

Да

Да

Да

Да

Да

Да

Объединять Javascript

Нет

Да

Да

Да

Да

Да

Gzip сжатие CSS и Javascript

Нет

Да

Да

Да

Да

Да

Минимизировать CSS

Нет

Да

Да

Да

Да

Да

Минимизировать Javascript

Нет

Да

Да

Да

Да

Да

Минимизировать HTML

Нет

Да

Да

Да

Да

Да

Отложенная загрузка Javascript

Нет

Нет

Нет

Нет

Нет

Да

Управление объединёнными файлами

Сохранить порядок выполнения

Сохранить порядок выполнения

Сохранить порядок выполнения

Объединить в 1

Поместить Javascript в конец

Поместить Javascript в конец

Автоматические настройки исключений

Включить все расширения

Нет

Нет

Да

Да

Да

Да

Профессиональные автоматические настройки

Замена @imports в CSS

Да

Да

Да

Да

Да

Да

Включение PHP и внешних файлов

Да

Да

Да

Да

Да

Да

Включение встроенных CSS

Да

Да

Да

Да

Да

Да

Включение встроенных Javascript

Нет

Нет

Нет

Да

Да

Да

Поиск в теле страницы

Нет

Нет

Нет

Нет

Да

Да

Асинхронная загрузка Javascript

Нет

Нет

Нет

Нет

Нет

Да

 

Leverage Browser Caching. По нажатию на данную кнопку, в Ваш файл «.htaccess» будет добавлен специальный код, который сообщит браузерам пользователей о том, что нужно кэшировать статические файлы Вашего сайта. Убедитесь в том, что файл «.htaccess» присутствует в корневом каталоге Вашего сайта. Данная опция может существенно увеличить повторную скорость загрузки страниц Вашего сайта пользователем и сократит нагрузку на Ваш сервер.

Fix File Permissions. Очень важно, чтобы у всех файлов плагина были права 644, а у папок 755. Нажав на данную кнопку, Вы как раз установите такие права. Иначе, плагин может работать не корректно. В частном случае, если Вы используете запрет на выполнение файлов «.php», то стоит добавить исключение для файлов в папке «/media/plg_jchoptimize/». Это частный случай, к нему прибегают для повышения уровня защиты сайта от взлома.

Order Plugin. Эта опция служит для того, чтобы выстроить в нужном порядке выполнение плагинов Joomla. Рекомендую применить данную опцию после установки JCH Optimize Pro. Например, это поможет избежать ситуации, когда плагин кэширования выполняется до JCH Optimize Pro и тогда в браузере может отобразиться закэшированная страница без оптимизации.

Clean Cache. Очистка кэша JCH Optimize Pro. Поможет при внесении изменений в настройки и поиске проблем. О поиске причин проблемы в работе сайта после активации JCH Optimize Pro поговорим в следующей статье.

Если Вы хотите сами настроить плагин или возникла необходимость устранения проблем, нажмите на заголовок «Автоматическое Группа Настройки» и перед Вами откроется перечень всех доступных опций (рисунок выше). Если, например, у Вас выбрана группа Optimum, а Вы измените настройки по умолчанию, то зелёный цвет маркера под Optimum станет серым. Это означает, что Вы применяете собственные настройки для ускорения Joomla.

Все опции оснащены всплывающими подсказками на русском языке. Не буду их подробно описывать. Все они призваны помочь увеличить скорость загрузки Joomla. Как правило, больше опций активировано - выше уровень оптимизации. При этом, не все автоматические группы настроек, увеличивая уровень оптимизации, сокращают время загрузки страницы. Об этом и других вкладках настроек JCH Optimize Pro поговорим в следующей статье «Обзор JCH Optimize Joomla. Ускорение сайта». Мы рассмотрим оставшиеся настройки данного плагина.

Украинский язык для JCH Optimize Pro

В украиноязычном переводе есть «спорные» и сомнительные моменты. Если у Вас есть предложения по его улучшению, пожалуйста опишите их в комментариях или личных сообщениях.

Скачать украинский язык для JCH Optimize Pro.

 

Полезные ссылки: