Обзор JSpeed (часть 1). Оптимизация скорости загрузки Joomla

• Видео обзор.
• Основные возможности и особенности.
• Оптимизация Joomla.
• Русификатор JSpeed.

JSpeed – это русскоязычный плагин для ускорения Joomla за счёт объединения CSS и Javascript файлов, их минимизации, минимизации HTML, кэширования, отложенной загрузки, оптимизации изображений, форсирования применения HTTP/2, отложенной загрузки изображений (Lazy-load), кэширования на клиенте и других «инструментов».

Видео обзор

• Тест скорости до оптимизации – 00:01:08.
• Тест скорости после оптимизации – 00:04:32.
• Настройки JSpeed – 00:06:38.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Ссылки из видео:

• «Обзор JotCache. Кэширование Joomla 3».
• «Обзор AddThis Joomla. Статистика социальных сетей».

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

Немного теории о вопросе скорости загрузки сайта Вы можете найти в статьях «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla», «Скорость загрузки сайта Joomla» и «Оптимизация Joomla по рекомендациям Page Speed Insights».

В предыдущих статьях уже были рассмотрены расширения для оптимизации скорости загрузки сайта и снижения нагрузки на хостинг: JCH Optimize Pro, JotCache и Speed Cache.

На официальном сайте расширений Joomla 5 отзывов (на 23.01.2020), расширение добавлено 07 января 2020 года.

• Общий рейтинг – 5 из 5.
• Функциональность – 5 из 5.
• Простота использования – 5 из 5.
• Поддержка – 5 из 5.
• Документация – 5 из 5.
• Соотношение цена\качество – 5 из 5.

Расширение платное – 49 € (на 23.01.2020). В стоимость входит само расширение и 1 год обновлений и получения технической поддержки.

В обзоре участвует последняя, на момент написания статьи (23.01.2020), русскоязычная версия JSpeed 1.2 в Joomla 3.9.14.

Основные возможности и особенности

• Минимизация скриптов (Javascript).
• Минимизация таблиц стилей (CSS).
• Минимизация HTML. С возможностью задачи уровня минимизации.
• Объединение CSS и Javascript файлов.
• Отложенная загрузка изображений (Lazy load).
• Отложенная загрузка скриптов.
• Отложенная загрузка стилей.
• Оптимизация изображений. Сжатие и уменьшение размера в пикселях.
• Возможность включения в объединённый файл встроенных в страницу стилей и скриптов.
• Возможность включения в объединённый файл стили и скрипты с внешних ресурсов. Например, скрипты кнопок социальных сетей, счётчики посещаимости и т.д..
• Настройка кэширования файлов на клиенте (правила в файле «.htaccess»).
• Кэширование объединённых файлов (от 1-й минуты до 2-х недель).
• Объединение изображений (CSS спрайты).
• Формирование предварительной загрузки файлов по HTTP/2 (если это поддерживает сервер).
• Поддержка CDN. До 3-х доменов с возможностью указания расширений файлов, которые должны загружаться с каждого домена.
• Множество инструментов для тонкой настройки плагина с целью устранения конфликтов в оптимизации (рисунок ниже). Гибкие возможности задания исключений. Плагин может сам сканировать страницы сайта на наличие скриптов, стилей и предлагать их в списке для исключений. Плюс, можно указать стили и скрипты самостоятельно.
• Хорошая документация и техническая поддержка на английском языке.
• Автоматическое обновление плагина.

По сути, JSpeed может помочь, полностью или частично, в решении таких рекомендаций сервиса Google PageSpeed Insights:

• Включите сжатие текста.
• Настройте эффективную кодировку изображений.
• Отложите загрузку скрытых изображений.
• Предотвращение чрезмерной нагрузки на сеть.
• Сократить время ответа сервера (время до получения первого байта).
• Удалите неиспользуемый код CSS.
• Уменьшите размер кода CSS Потенциальная экономия.
• Уменьшите размер кода JavaScript.
• Устраните ресурсы, блокирующие отображение.

Оптимизация Joomla

Давайте сравним скорость загрузки сайта без плагина оптимизации, с JCH Optimize Pro 5.4.3 и с JSpeed 1.2.

Тестирую главную страницу сайта Aleksius.com (копия сайта). Joomla 3.9.14, PHP 7.3, общий хостинг, кэширование при помощи JotCache 6.2.1. Без CDN, без загрузки файлов с Cookie-Free доменов. Без оптимизации изображений (все изображения предварительно были сжаты при помощи FileOptimizer64).

«Методика» тестирования:

1. Проверить работоспособность и внешний вид страницы.
2. При необходимости внести корректировки в настройку плагина.
3. Очистка кэша плагина.
4. Очистка кэша JotCache.
5. Очистка кэша браузера.
6. Загрузка страницы в браузере.
7. Первое тестирование страницы в сервисах.
8. Второе тестирование страницы в сервисах.
9. Третье тестирование страницы в сервисах.
10. Сравнение разных показателей сервисов каждого из тестирований.

Сервисы для тестирования скорости:

• Google PageSpeed Insights.
• GTmetrix. Браузер – Chrome для компьютеров, местоположение – Лондон, Англия. Остальные настройки по умолчанию.
• Pingdom Website Speed Test. Местоположение – Европа – Германия – Франкфурт.
• WebPageTest. Местоположение – Варшава, Польша – IDG, браузер – Chrome. Остальные настройки по умолчанию.

Ниже показаны результаты лучшего из 3-х тестов (по большинству показателей). Жирным выделен лучший результат.

Количество лучших результатов:

• Без плагина – 1.
• JCH Optimize Pro – 4.
• JSpeed – 20.

К сожалению, результаты данного тестирования не могут быть признаны полностью объективными. По той причине, что на результаты влияют: степень загруженности хостинга сайта в момент проверки, загруженность канала между тестирующим сервером и сервером сайта. Плюс, для разных сайтов (версия Joomla, её расширения, их настройки, шаблон и т.д.) будет разный результат. А в статье «Обзор JCH Optimize Pro 6. Ускорение Joomla» Вы найдёте новый тест скорости (13.12.2020) для разных инструментов.

Под статьёй, над комментариями, Вы найдёте подробные отчёт Gtmetrix по результатам тестирования.

Ниже приведу примеры результатов тестирования сайта в Google PageSpeed Insights.

На рисунке ниже показан отчёт с результатами теста с JSpeed для мобильных.

На рисунке ниже показан отчёт с результатами теста с JSpeed для компьютеров.

В следующей статье «Обзор JSpeed (часть 2). Настройки плагина для ускорения Joomla» мы рассмотрим опции плагина.

Автор статьи – Хорошевский Алексей

Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Контакты: +38 095 840 24 29 +38 095 840 24 29 +38 095 840 24 29 email@aleksius.com Социальные сети: LinkedIn Facebook YouTube (Twitter) Публикации и работа: Google Академия Scopus Upwork Freelance.ua

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

• Официальный сайт.
• Ответы на вопросы.