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

  • Тип – компонент, позволяющий обеспечить ускорение сайта Joomla, WordPress, Drupal, Magento, Bitrix и другие CMS.

 

 

Если Вы ещё не знаете что такое WEBO Site SpeedUp, узнать это можно на официальном сайте программы. Для общего понимания принципа работы WEBO Site SpeedUp рекомендую прочитать книги «Разгони свой сайт» и «Реактивные веб-сайты».

Если кратко, то WEBO Site SpeedUp это компонент, который позволяет осуществить ускорение загрузки сайта при помощи настройки определённых параметров.

На ряду с SEO оптимизацией Joomla и защитой сайта от взлома, ускорение скорости загрузки - важный вопрос в работе любого сайта.

Считаю целесообразно рассказать о результатах работы WEBO Site SpeedUp на примере оптимизации своего сайта Aleksius.com (при помощи Joomla WEBO Site SpeedUp версии).

К основным «группам» возможностей Joomla WEBO Site SpeedUp следует отнести такие:

  • объединение CSS-файлов.
  • Объединение JavaScript-файлов.
  • Минимизация CSS-файлов.
  • Минимизация JavaScript-файлов.
  • Gzip-сжатие для CSS, JavaScript, шрифтов, HTML.
  • Клиентское кэширование. Кэширование CSS-файлов, JavaScript-файлов, изображений, шрифтов, видео-файлов, других файлов на клиенте.
  • Настройка сервера при помощи .htaccess. Использование mod_expires, mod_headers, mod_setenvif, mod_rewrite, mod_mime.
  • Использование data:URI.
  • Использование CDN.

В статье будет рассмотрена последняя (на 20.04.2011) стабильная версия Joomla WEBO Site SpeedUp. Перед тем, как приступать к тестированию скорости загрузки сайта рекомендую провести измерение скорости интернета. Это можно сделать, например, при помощи программы NetWorx. Дело в том, что сайт может казаться медленным только у Вас на компьютере из-за Вашего интернет-провайдера.

Если Вас интересует альтернативное расширение для ускорения Joomla, то ознакомьтесь со статьёй «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla». Для гибкой настройки кэширования попробуйте компонент JotCache.

Анализ сайта до установки WEBO Site SpeedUp

Для тестирования скорости загрузки сайта использовался ресурс Webo.in. Проверка производилась 01.02.2011 года до ускорения сайта при помощи Joomla WEBO Site SpeedUp. Результат представлен ниже.

Результаты проверки aleksius.com за 01.02.2011

  • Оценка 56/100. (Оценка складывается из выполнения сайтом всех советов по оптимизации).
  • Интегральная оценка 55/100. (Зависит от оценки сайта, и объёма информации на нём представленной).
  • Дата проверки 1 Февраля 2011, 20:02.
  • Число файлов 65.
  • Суммарный размер файлов 306047.
  • Время загрузки (33,6 Кб/с) 110.6 с.
  • Время загрузки (100 Кб/с) 9.49 с.
  • WEBO Site SpeedUp ускорит в 1.68 раза.
  • Возможное ускорение 131%.

Влияние файлов на скорость загрузки

Влияние файлов на скорость загрузки

  • Всего файлов: 65 / 299 Кб.
  • Общий выигрыш: 59901 (20%).

Более детальные рекомендации и замечания проверки можно просмотреть по этой ссылке.

После получения такого отчёта я задумался о поиске компонента по оптимизации и изменению своего подхода к контенту сайта.

Ускорение работы сайта (в «автоматическом» режиме) будет производится при помощи бесплатной версии Joomla WEBO Site SpeedUp. О «ручной» оптимизации расскажу ниже.

Установка WEBO Site SpeedUp

Установка WEBO Site SpeedUp ничем не отличается от установи других компонентов в Joomla. На видео (автор не я) показан ход установки WEBO Site SpeedUp.

Анализ сайта после установки WEBO Site SpeedUp. Конфигурация «Оптимальная»

Установив WEBO Site SpeedUp 1.3.2 (05.02.2011), я применил предложенную по умолчанию конфигурацию «Оптимальная» (без изменения каких-либо настроек). Затем повторил проверку при помощи Webo.in. Результат представлен ниже.

Результаты проверки aleksius.com за 05.02.2011

  • Оценка 64/100. (Оценка складывается из выполнения сайтом всех советов по оптимизации).
  • Интегральная оценка 64/100. (Зависит от оценки сайта и объёма информации на нём представленной).
  • Дата проверки 5 Февраля 2011, 17:02.
  • Число файлов 28.
  • Суммарный размер файлов 189404.
  • Время загрузки (33,6 Кб/с) 67.22 с.
  • Время загрузки (100 Кб/с) 4.65 с.
  • WEBO Site SpeedUp ускорит в 1.91 раза.
  • Возможное ускорение 79%.

Влияние файлов на скорость загрузки

Влияние файлов на скорость загрузки

  • Всего файлов: 28 / 185 Кб.
  • Выигрыш при сжатии: 29075.
  • Общий выигрыш: 29075 (15%).

Более детальные рекомендации и замечания проверки можно просмотреть по этой ссылке.

Как видно даже при стандартных настройках WEBO Site SpeedUp обеспечил хороший результат. При этом функциональность и внешний вид сайта, а так же отображение его в браузере не изменились.

Настройка профиля WEBO Site SpeedUp для Aleksius.com

WEBO Site SpeedUp обладает достаточно большим количеством настроек, которые помогут в конфигурировании компонента именно для Вашего сайта.

Помимо четырёх встроенных «стандартно настроенных» конфигураций («Безопасная», «Базовая», «Оптимальная», «Экстремальная») WEBO Site SpeedUp позволяет создавать свою. После установки WEBO Site SpeedUp будет запущен пошаговый мастер, который позволит Вам сконфигурировать основные настройки компонента. Ниже приведу примеры того, какие настройки применял для своего сайта Aleksius.com.

Объединение CSS-файлов.

Объединение CSS-файлов

 

Объединение JavaScript-файлов.

Объединение JavaScript-файлов

Минимизация CSS-файлов.

Минимизация CSS-файлов

Gzip-сжатие.

Gzip-архивирование

Клиентское кэширование.

Клиентское кэширование

Настройка сервера при помощи .htaccess.

Настройка сервера при помощи .htaccess

Производительность.

Производительность

Использовать data:URI.

Использовать data:URI

Использование CDN.

Использование CDN

Возникшие проблемы и их устранение

Как видно из рисунков выше, мною были включены не все опции, помогающие оптимизировать сайт. Если обратиться к вкладке «Панель управления» в окне WEBO Site SpeedUp, то можно увидеть следующие замечания (рисунок ниже).

Панель управления

Похожий отчёт мы можем увидеть на вкладке «Состояние системы» (рисунок ниже).

Состояние системы

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

Давайте рассмотрим, что произойдёт, если включить отключённые опции оптимизации.

Объединение JavaScript-файлов. На рисунке ниже представлена конфигурация данной опции с отключёнными (слева) и включёнными (справа) опциями.

Объединение JavaScript-файлов

Ниже представлены результаты «некорректной оптимизации» объединения JavaScript-файлов, среди которых:

  • дублирование подрисуночных надписей,

Дублирование подрисуночных надписей

  • Неверное отображение меню в «личном кабинете» пользователя.

Неверное отображение меню в «личном кабинете» пользователя

Gzip-сжатие. На рисунке ниже представлена конфигурация данной опции с отключёнными (слева) и включёнными (справа) опциями.

Gzip-архивирование

Опцию Gzip-сжатия для HTML пришлось отключить, когда была обнаружена проблема, связанная с автоматическим созданием карты сайта на XML. При отключённом Gzip-сжатии для HTML XML карта сайта выглядит, как показано на рисунке ниже.

XML карта сайта с отключённым Gzip-сжатия для HTML

При включении Gzip-сжатия для HTML XML карта сайта выглядит как показано на рисунке ниже.

XML карта сайта с включённым Gzip-сжатия для HTML

Что касается настройки сервера при помощи .htaccess, а именно mod_deflate, mod_filter и mod_gzip, то это, к сожалению, ограничения моего тарифного плана на хостинге. Так как в информация PHP моей системы управления контентом данные возможности отсутствуют. Однако при проведении теста HTTP Compression Test можно видеть, следующий отчёт:

  • http://aleksius.com is gzipped.
  • Original Size: 46.72 KB.
  • Gzipped Size: 10.37 KB.
  • Data Savings: 77.8%.

«Ручная» оптимизация

Возможности WEBO Site SpeedUp по оптимизации достаточно велики, но нужно и самому прикладывать некие усилия. На основании полученных результатов проверки сервиса Webo.in я приступил к оптимизации всех изображений сайта при помощи Adobe Photoshop. Большинство файлов были пере конвертированы в формат PNG-8. Все файлы этого формата сохранялись в программе с учётом таких параметров:

  • модель редукции цвета.
  • Модель дизеринга.
  • Степень дизеринга.
  • Модель дизеринга прозрачности.
  • Количество цветов в цветовой палитре.
  • Чересстрочность.
  • Web-цвета.
  • Метод ресамплинга.
  • Разрешение.

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

В таблице ниже представлен размер файлов (изображений) до и после оптимизации.

Объекты

Размер до оптимизации (Кб)

Размер после оптимизации (Кб)

Шаблон сайта

357

228

Иконка сайта

9,43

1,12

Изображения статей

12647,7

9997,38

Представим эти данные в виде диаграмм (рисунок ниже).

Результат оптимизации шаблона сайта

Результат оптимизации иконки сайта

Результат оптимизации изображений сайта

Анализ сайта после установки WEBO Site SpeedUp. Конфигурация «Aleksius»

Давайте посмотрим на отчёт Webo.in после установки WEBO Site SpeedUp 1.4.0 и применения «персонализированных» настроек.

Результаты проверки aleksius.com за 09.04.2011

  • Оценка 67/100. (Оценка складывается из выполнения сайтом всех советов по оптимизации).
  • Интегральная оценка 62/100. (Зависит от оценки сайта, и объёма информации на нём представленной).
  • Дата проверки 9 Апреля 2011, 16:04.
  • Число файлов 15.
  • Суммарный размер файлов 171211.
  • Время загрузки (33,6 Кб/с) 59.74 с.
  • Время загрузки (100 Кб/с) 3.17 с.
  • WEBO Site SpeedUp ускорит в 1.86 раза.
  • Возможное ускорение 44%.

Влияние файлов на скорость загрузки

Влияние файлов на скорость загрузки

  • Всего файлов 15/167 Кб.
  • Выигрыш при сжатии: 47925.
  • Общий выигрыш: 47925 (28%).

Более детальные рекомендации и замечания проверки можно просмотреть по этой ссылке.

К сожалению, из-за большой разницы во времени между проверками данные не могут в полной мере отображать реальную ситуацию. Так как с 05.02.2011 по 09.04.2011 мною были установлены и обновлены некоторые компоненты сайта, а также добавлены новые статьи с изображениями. И, главное, сам WEBO Site SpeedUp был обновлён.

Заключение

Давайте сведём все результаты проверки сайта в единую таблицу и построим сравнительные графики. Так ускорение работы сайта будет более наглядное.

Критерий проверки

До установки WEBO Site SpeedUp

После установки WEBO Site SpeedUp. Конфигурация «Оптимальная»

После установки WEBO Site SpeedUp. Конфигурация «Aleksius»

Оценка (максимум 100)

56

64

67

интегральная оценка (максимум 100)

55

64

62

число файлов

65

28

15

суммарный размер файлов (Кб)

306047

189404

171211

время загрузки (33,6 Кб/с) (в секундах)

110,6

67,22

59,74

время загрузки (100 Кб/с) (в секундах)

9,49

4,65

3,17

Возможное ускорение WEBO Site SpeedUp (в разах)

1,68

1,91

1,86

возможное ускорение (в %)

131

79

44

 

Для более удобного представления построим несколько графиков.

  • Суммарный размер файлов.
  • Время загрузки (100 Кб/с), возможное ускорение WEBO Site SpeedUp.
  • Все остальные данные.

Сравнение суммарного размера файлов

Сравнение времени загрузки (100 Кб/с) и возможного ускорения WEBO Site SpeedUp

Общий результат оптимизации

Как видно из диаграмм выше, WEBO Site SpeedUp в сочетании с индивидуализированными настройками и оптимизацией изображений даёт прирост в скорости загрузки сайта. Что в свою очередь добавляет Вашему сайту небольшой плюс в глазах поисковых систем при SEO оптимизации Joomla.

Хочу отметить, что ускорение загрузки сайта при помощи данной программы становится достаточно не сложной задачей. О важности данного показателя Вы можете прочесть в статье «Качество сайта».

 

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