Оптимизация и ускорение сайта на Joomla

Скорость загрузки сайта становится критическим параметром, начиная примерно с 2021 года, т.к. поисковые машины понижают медленные сайты в выдаче. Чтобы ускорить работу сайта, можно оптимизировать и объединить подгружаемые файлы стилей CSS и скриптов JS, но такой подход кажется реализуемым только для небольших сайтов, когда ты сам себе хозяин. Но если сайт большой, старый, а редакторов и администраторов несколько, надо искать какие-то автоматизированные решения. Одним из таких решений является установка плагина, который будет выполнять оптимизацию. В данной статье рассмотрим JCH Optimize.

Плагин JCH Optimize распространяется бесплатно, его легко найти на официальном сайте расширений, категории Site Performance, Core Enhancements, SEO & Metadata, Performance, Site speed.

На момент написания статьи актуальной является версия v6.4.2; пользователями опубликовано 234 отзыва, средняя оценка кажется фантастической - 5 из 5.

Основные особенности:

  • уменьшение и объединение файлы стилей CSS и скриптов JS
  • 6 предустановленных вариантов настройки
  • Объединение фоновых изображений в спрайт
  • Добавление к картинкам пропущенных атрибутов width/height
  • Возможность сместить javascript в конец страницы
  • Возможность найти критический CSS с точки зрения рендеринга страницы
  • Ленивая загрузка изображений
  • Поддержка CDN

Часть функционала будет доступна только в платной версии. Попробуем протестировать бесплатную версию.

После установки на простенький сайт плагин сразу показал нечто невероятное: он действительно объединил все файлы стилей в один, причём вывел его в одну строку!

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

Скорость будем измерять инструментами Pagespeed Insights и gtMetrix.

Рассмотрим результаты, которые показал Pagespeed до включения плагина для заглавной страницы (мобильная и десктопная версии):

before   before

Теперь посмотрим, что скажет Pagespeed про какую-то внутреннюю страницу (мобильная и десктопная версии) до:

before   before

Рассмотрим аналогичные результаты, которые показал Pagespeed после включения плагина (уровень минимизации HTML - Ultra, Optimize CSS Delivery - YES) для главной страницы:

before   before

Наконец, результаты, которые показал Pagespeed после включения для внутренней страницы:

before   before

Очевидно, результат есть сразу.

  • Зафиксировано улучшение во всех случаях
  • Очень хорошо улучшились очки для мобильной версии заглавной страницы.
  • Десктопная версия внутренней страницы подпрыгнула на 12 пунктов и даже вошла в зеленый сектор!

Теперь посмотрим, что скажет gtMetrix

Вот результаты, до включения плагина для заглавной страницы:

after  

Теперь оценим внутреннюю страницу до:

after  

Вот результаты после включения плагина для главной страницы:

after  

И, наконец, результаты после включения для внутренней страницы:

after  

Как видим, результат есть сразу.

  • Зафиксировано улучшение как для внутренней, так и для внешней страницы
  • Результаты двух измерительных систем хорошо коррелируют 
  • С какого-то перепугу для внутренней страницы стало ненулевым время Total Blocking Time! Тут надо будет разбираться.

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

Ну а если на обычном сайте удалось таким лёгким способом поднять технические параметры, становится интересно проверить работу плагина на боевых коммерческих сайтах.

1. cyber-gateway.net

Для удобства сведём все данные в таблицу в формате было -> стало.

Проверять будем заглавную страницу и внутреннюю продающую страницу.

Pagespeed Insights Главная, мобильная версия 45..50 55
Главная, десктопная версия 92..95 92 
Внутренняя, мобильная версия 43..51 58
Внутренняя, десктопная версия 89..95 92 
gtMetrix Главная 53..59 57 
Внутренняя 85..95 95

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

2. bmstu-kaluga.ru

Сайт интересен тем, что он очень старый, очень разросшийся, к тому же с ним работает огромное множество редакторов и администраторов.

Pagespeed Insights Главная, мобильная версия 72..79 81
Главная, десктопная версия 92 97 
Внутренняя, мобильная версия 64..84 97
Внутренняя, десктопная версия 87..95 91 
gtMetrix Главная 65..72 89
Внутренняя 68..76 92

Ускорение сайта очевидно, особенно для мобильной версии страниц. Удивительно, что плагин смог собрать весь разношёрстный набор файлов CSS всего-навсего в два отдельных файла. 

Оставить комментарий

Ваше мнение очень важно для нас! Обязательно выскажите Ваши мысли, пожелания и критику! Не стесняйтесь задавать вопросы. Скорее всего, ответ появится уже через 2-3 дня. Спасибо заранее.

Другие материалы в этой категории:

Go to top