Обзор JCH Optimize Pro 6. Ускорение Joomla

• Тип – плагин, позволяющий увеличить скорость Joomla.
• Купить JCH Optimize Pro у разработчика (без посредников и переплат).

• Новшества JCH Optimize Pro 6 и сравнение версий.
• Сравнение инструментов для оптимизации.
• Как ускорить сайт на Joomla и почему не всегда это легко.
• Google PageSpeed Insights (май 2020) и оценка удобства страниц.

JCH Optimize Pro – русскоязычный платный плагин Joomla для оптимизации скорости загрузки сайта, снижения нагрузки на хостинг и повышения оценки в сервисе Google PageSpeed Insights. Среди его возможностей стоит отметить: объединение, уменьшение и сжатие CSS и JavaScript файлов, сжатие HTML, перемещение JavaScript файлов в конец страницы и их отложенная загрузка. Также плагин позволяет кэшировать оптимизированные CSS и JavaScript файлы на сервере, удалять неиспользуемые JavaScript файлы, уменьшать размер DOM, генерировать спрайты изображений, форсировать предзагрузку файлов по HTTP/2, организовывать отложенную загрузку изображений, фреймов, видео, аудио, оптимизировать (сжимать) картинки и многое другое.

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

На официальном сайте расширений Joomla 230 отзывов (для бесплатной версии JCH Optimize), расширение добавлено 18 ноября 2014 года.

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

В обзоре участвует последняя, на момент написания статьи (13.12.2020), русскоязычная версия JCH Optimize Pro 6.2.1 в Joomla 3.9.23.

Есть бесплатная версия плагина и платная. Платная – от 29 $ в год. Подробнее о различиях версий можно прочесть в статье ниже.

Новшества JCH Optimize Pro 6 и сравнение версий.

В предыдущих статьях «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla» и «Обзор JCH Optimize Joomla. Ускорение сайта» уже была рассмотрена одна из предыдущих версий плагина – 5.0.1. Но это было в декабре 2015. С тех пор в плагине появились новые возможности. Рассмотрим их в виде сравнения платной и бесплатной версии.

На рисунках ниже показаны вкладки плагина с опциями для ускорения сайта Joomla.

Сравнение инструментов для оптимизации

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

Примечания и описание «методики» приведены под таблицей.

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

Отдельно отмечу плагин Jamp. Он создаёт AMP страницы. Но AMP страницы достаточно существенно отличаются от обычных страниц как внешне, так и по функциональности. По сути, Jamp оптимизирует страницы путём создания их сильно упрощённых копий. Не совсем корректно сравнивать его с остальными инструментами оптимизации, но так как Google заявляет, что: «…одно из наиболее простых и экономичных средств, позволяющих сделать веб-страницу удобнее, – это технология AMP.», я решил привести для сравнения и этот инструмент.

На основании эксперимента со своим сайтом, отмечу, что после внедрения и индексации AMP страниц, Google, почти всегда, отображает в поисковой выдаче, для мобильных устройств, именно AMP-версии моих страниц. Как видно из таблицы выше, показатели скорости загрузки Google PageSpeed Insights для мобильных хуже, чем для компьютеров (для одной и той же не AMP страницы). Но из-за того, что Google ведёт посетителей из своего поиска на мои AMP-страницы, в Google Search Console я получил результат, показанный на рисунке ниже. То есть, по данным из Google Search Console можно сказать, что моя мобильная версия сайта быстрее, чем обычная. Но это только из-за AMP страниц.

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

• Jamp – 19.
• JCH Optimize Pro – 5.
• Speed Cache – 4.
• Модуль Google PageSpeed – 1.
• Без плагина – 1.
• JSpeed – 0.

Если в рамках одного показателя лучший результат показали несколько инструментов, то каждый из инструментов получал балл к общему количеству лучших результатов. Буквенные оценки Webpagetest.org не учитывались.

Так как Jamp – это не совсем расширение для ускорения Joomla, а модуль Google PageSpeed доступен не на каждом хостинге, то стоит сравнить именно расширения для ускорения Joomla без создания альтернативных версий страниц (AMP) и без привязки к хостингу с модулем оптимизации.

Количество лучших результатов (баллов) расширений Joomla для оптимизации скорости загрузки:

• JCH Optimize Pro – 18.
• Speed Cache – 7.
• JSpeed – 6.

Условия тестирования:

• Webpagetest.org. Местоположение тестового сервера – Варшава, Польша; Браузер – Chrome. Расширенные настройки – по умолчанию.
• Tools.pingdom.com. Местоположение тестового сервера – Стокгольм, Швеция.
• Тестируется главная страница сайта. Копия этой.
• Один и тот же сервер и сайт.
• Joomla 3.9.23, PHP 7.4.13, стандартное кэширование Joomla (плюс, кэширование при помощи самого инструмента), правила кэширования статических файлов на клиенте на 30 дней (задано в настройках сервера в панели управления хостингом).
• Одновременно применялся только один из инструментов.
• Проводилась настройка инструмента с учётом максимальной скорости загрузки и с сохранением работоспособности всех страниц сайта. Из-за этого в настройки инструментов был внесён ряд исключений и отключены некоторые настройки оптимизации. При этом не учитывалась нагрузка на хостинг (использование процессорных минут и оперативной памяти).
• JCH Optimize Pro 6.2.1.
• Jspeed 1.6.1.
• Jamp 1.8.2.
• Модуль Google PageSpeed (на Хостинге Украина).
• Speed Cache 2.9.0.
• Тест проводился в вечернее время для минимизации влияния нагрузки других сайтов на сервер.

«Методика» тестирования (повторяется для каждого из инструментов):

1. Включение инструмента оптимизации, его настройка.
2. Очистка кэша Joomla и кэша инструмента.
3. Загрузка страницы в браузере.
4. Три теста в каждом сервисе по очереди.
5. Нахождение среднего арифметического между тремя тестами и занесение данных в таблицу.

Как ускорить сайт на Joomla и почему не всегда это легко

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

1. Избавьтесь от всех лишних расширений и сторонних скриптов. Например, установка на сайт расширений, которые дублируют функционал друг друга – это не очень хорошая идея. Установка нескольких счётчиков посещаемости, внешних инструментов связи (кнопка обратного звонка, чат и т.д.) и других скриптов, кнопок социальных сетей и других скриптов, которые подгружаются с внешних сервисов могут сильно влиять на скорость загрузки Вашего сайта. При этом данное влияние может отличаться в разное время (даже с интервалом в секунду). Рекомендую использовать только то, что действительно нужно. Если не знаете, что будет лучше работать (например, кнопка заказа обратного звонка или чат), – поэкспериментируйте и примите решение. Планируя добавление новшеств на свой сайт, думайте, как это может повлиять на скорость, и проверяйте сайт после внедрения этих новшеств.
2. Подберите хороший хостинг и тарифный план на нём, в плане скорости. В статье «Выбор хостинга на примере Joomla» даны некоторые рекомендации по данному вопросу. Также стоит проконсультироваться в технической поддержке или прочесть в документации Вашего хостинга на счёт существующих «инструментов» оптимизации. Например: OPcache, Memcache, Redis, LiteSpeed, HTTP/2, HTTP/2 Server Push и т.д. Вам могут не подойти какие-то из этих «инструментов», но стоит попробовать их по очереди, чтобы сделать обоснованный вывод.
3. Поддерживайте актуальность версий Joomla, всех её расширений и версии PHP на хостинге.
4. Используйте «инструменты» кэширования Joomla и кэширование статических файлов на клиенте.
5. Оптимизируйте изображения. Лучше привести их к масштабу 1 к 1 с тем, как они отображаются на старице, а затем сжать их так, чтобы размер в килобайтах был максимально маленький при условии сохранения приемлемого качества. Один из таких инструментов, который применяю я, это FileOptimizer64 (сжимает хорошо, но очень-очень медленно). Для сжатия JPG ещё рекомендую Caesium. Степень сжатия лучше или такая же как у FileOptimizer64, но скорость работы несоизмеримо выше.
6. Подберите подходящее Вам расширение для оптимизации скорости загрузки Joomla и поэкспериментируйте с его настройками.
7. Регулярно тестируйте скорость сайта (вручную или автоматически) и принимайте меры в случае появлений существенных ухудшений в показателях.
8. Регулярно отслеживайте новую информацию по теме ускорения сайта. При появлении новых технологий, анализируйте и тестируйте их. Например, Cloudflare ещё в конце сентября 2019 заявили о поддержке HTTP/3.
9. Периодически повторяйте пункты 1-6. Помните, что работа над скоростью загрузки сайта – это не одноразовая задача, а регулярный процесс.

Почему не всегда можно добиться высоких результатов в скорости загрузки сайта? Предположим, что Ваш сайт сделан на одной из популярных CMS, например, Joomla, на нём установлен ряд готовых расширений, шаблон и подключено несколько сторонних сервисов (статистика, чат, кнопки социальных сетей). Плюс, сайт находится на обычном (общем) хостинге. Также важным условием является то, что у Вас нет сотен и тысяч долларов на его доработку. В примере буду говорить о показателях в Google PageSpeed Insights. Под оценкой степени оптимизации сайта в Google PageSpeed Insights (от 0 до 100), для упрощения, буду подразумевать скорость загрузки сайта, хотя это не так. Плюс, обратите внимание, что оценка может меняться при каждом тестировании (даже в пределах 30 «баллов»).

Допустим, на сайт установлена самая последняя, лицензионная версия JCH Optimize Pro (или другого расширения). Вы включили все опции для оптимизации сайта и протестировали его в Google PageSpeed Insights. Увидели, что скорость существенно возросла.

Но перейдя на сайт, обнаружили, что он стал неправильно отображаться или не работает какой-то функционал. Это нормальная ситуация. Так как не все скрипты или стили могут корректно работать, если их объединить в один файл. Для этого Вам нужно добавить их в исключения. Вы тестируете сайт в Google PageSpeed Insights и видите, что оценка ухудшилась, а в перечне рекомендаций появились сообщение «Устраните ресурсы, блокирующие отображение». При этом, в перечне файлов по этой рекомендации появились как раз исключённые Вами файлы. Вывод – чем больше таких исключений, тем хуже степень оптимизации.

Вы идёте дальше по настройкам JCH Optimize Pro, например, чтобы исправить рекомендацию Google PageSpeed Insights «Сократите размер структуры DOM». Для этого Вы включаете опцию Уменьшить размер DOM. Тестируете сайт в сервисе и видите, что оценка стала лучше, а рекомендация исчезла. Но на сайте пропала шапка, подвал или боковая колонка. Вы отключаете эту опцию. Сайт снова работает нормально, но оценка скорости ухудшилась.

Подобные проблемы могут быть с разными опциями:

• Удалить неиспользуемый Javascript – может перестать работать какой-то функционал.
• Удалить неиспользуемый CSS – может нарушиться внешний вид сайта или каких-то его частей.
• Генератор спрайтов – может появиться проблема с отображением небольших изображений (элементов дизайна).
• Отложенная загрузка изображений – может привести к проблемам отображения картинок в слайдерах и галереях.
• Cookie домены – может негативно повлиять на скорость загрузки, особенно, если Ваш сайт загружается по HTTP/2 и хранит файлы в OPcache (проверял на трёх разных сайтах, на трёх разных хостингах с разной версией JCH Optimize Pro).

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

Так почему так происходит? Причина в том, что Вы используете готовую CMS и готовые расширения от разных разработчиков. Все они и без JCH Optimize Pro могут конфликтовать, а JCH Optimize Pro (и ему подобные расширения) ещё больше усложняют «систему взаимодействия». Joomla и её расширения – это универсальные программные продукты, сделанные для широкого круга задач, как и сам JCH Optimize Pro – он не разрабатывался конкретно под Ваш сайт, под именно Ваши расширения и их версии. Он является универсальным плагином для оптимизации скорости. И это можно сказать о любой CMS и любом программном продукте. Вы сами могли замечать, что с установленной Windows компьютер работает быстрее и стабильнее, чем с Windows и десятком разных программ от разных разработчиков.

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

1. отказаться от тех или иных расширений. Это приведёт к исчезновению того или иного функционала. Как правило, я выбираю и рекомендую этот вариант.
2. Заменить их на аналогичные (но более быстрые). Это может быть долго и дорого (цена новых расширений, стоимость и время работы по переустановке, донастройки и т.д.). Плюс, можно не найти подходящие аналоги.
3. Перенастроить расширения. Иногда это помогает (но редко). Например, в SEO Glossary при отключении опции, отвечающей за вставку ссылок в материалы на термины из глоссария, существенно повышается время генерации страницы, снижается число запросов к базе данных и уменьшается нагрузка на процессор сервера.
4. Написать свои собственные (с учётом скорости). Долго и дорого. Плюс, придётся поддерживать их совместимость с новыми версиями Joomla и новыми расширениями. А это опять деньги и время.
5. Переписать расширения и/или части CMS (с учётом скорости). Те же недостатки что и у 4-го варианта, плюс, сильно возрастают риски невозможности установки обновлений CMS, расширений или новых расширений без необходимости вмешательства программиста. По сути, Вы получите сайт на самописной CMS (даже хуже). А сопровождение такого сайта будет обходиться очень дорого.

Для примера возьмём рекомендацию «Удалите неиспользуемый код JavaScript». В справке Google, на этот счёт, есть рекомендации по удалению такого когда. Но тут есть проблема – Вы используете готовую CMS и её расширения. Чтобы выполнить эти рекомендации Вам нужно обнаружить такой код и удалить его из «исходных» файлов. Тем самым Вы можете нарушить работоспособность самой Joomla и/или её расширений. Даже если это не произошло, то Вы можете получить проблемы работоспособности после обновления Joomla, её расширений или установки новых расширений (чтобы добавить дополнительный функционал на сайт). Также при следующем обновлении Joomla или её расширений Ваши изменения (удалённый код) могут быть утеряны и Вам снова придётся повторить операцию с удалением.

Таких примеров может быть масса: «Удалите неиспользуемый код CSS», «Сократите время выполнения кода JavaScript», «Сократите размер структуры DOM», «Уменьшите размер кода CSS», «Уменьшите размер кода JavaScript» и т.д.

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

Google PageSpeed Insights (май 2020) и оценка удобства страниц

28 мая 2020 в блоге Центра Search Console Google была опубликована статья «Evaluating page experience for a better web», в которой сообщалось: «…что при определении рейтинга страниц в Google Поиске будут учитываться сигналы, отражающие удобство страницы.». О сигналах, отражающих удобство страниц можно прочесть в статьях «Оценка удобства страниц в Google Поиске» и «Влияние удобства страницы на ее позицию в Google Поиске». Если кратко, то Google в очередной раз напомнил о важности скорости загрузки сайта, оптимизации сайта под мобильные устройства, безопасности пользовательских данных и отсутствия назойливой рекламы. Среди сигналов, отражающих удобство страницы, сигналами которое: «…важны для обеспечения удобства страницы в Google Поиске» (источник), перечислены:

1. Основные показатели загрузки: Отрисовка самого крупного контента (LCP), Задержка после первого ввода (FID), Совокупное смещение макета (CLS). В работе над этими показателями Вам могут помочь статьи на тему скорости загрузки сайтов на Joomla.
2. Оптимизация для мобильных устройств. В данном вопросе Вам могут помочь статьи об адаптивных шаблонах для Joomla и о Responsivizer.
3. Безопасный просмотр. В работе над этими показателями Вам могут помочь статьи на тему защиты Joomla и такое расширение как RSFirewall.
4. Вот статья на эту тему «Переводим сайт Joomla на HTTPS с бесплатным SSL».
5. Отсутствие назойливых межстраничных объявлений.

О важности скорости загрузки сайта также упоминает и Яндекс. 10 ноября 2020 в официальном Twitter аккаунте Google Search Central было заявлено, что: «Сигналы, отражающие удобство страницы, будут учитываться при определении рейтинга страниц с мая 2021 г.» (источник). Важную роль в этой группе (рисунок ниже) занимают показатели скорости (Отрисовка самого крупного контента (LCP), Задержка после первого ввода (FID), Совокупное смещение макета (CLS)). А значит это повод задуматься над ускорением страниц своего сайта.

Если Вы ускоряли свой сайт до 28 мая 2020 и добились хороших показателей в Google PageSpeed Insights, то рекомендую перепроверить сайт ещё раз, так как 28 мая 2020 в Google PageSpeed Insights существенно изменился подход к оценке скорости страниц. От этого Ваш сайт не стал загружаться медленнее или быстрее. Просто изменилась «методика» оценки. Вы даже можете увидеть разницу между старой и новой «методикой» оценки, нажав на ссылку «See calculator» в области «Имитация загрузки страницы» инструмента Google PageSpeed Insights после тестирования своей станицы (рисунок ниже).

В мае 2020 Google PageSpeed Insights перешёл с 5-й на 6-ю версию Lighthouse (инструмент для оценки скорости). Из-за этого изменилась результирующая оценка. На рисунке ниже показана оценка моей тестовой страницы в 6-й версии (54 балла) и в 5-й версии (67 баллов). При этом видно, что значения скорости те же, а вот важность той или иной метрики изменились. Плюс, набор самих метрик тоже изменился.

Подробнее об изменениях в Google PageSpeed Insights, произошедших 28 мая 2020 Вы можете прочесть в статьях:

• «Новый Google PageSpeed Insights: проверьте показатели вашего сайта».
• «Новый Google PageSpeed Insights на движке Lighthouse 6 (beta): проверьте, какие показатели будут у вашего сайта».
• «PageSpeed Insights: как ускорить загрузку сайта с его помощью».

Надеюсь, что в данной статье Вы нашли полезную информацию, которая поможет улучшить скорость 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

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

• Купить JCH Optimize Pro у разработчика (без посредников и переплат).