доп настройки JsCssManipulate

Годным решением для оптимизации загрузки таблиц стилей (CSS) и скрипта (JS) вышел из печи плагин JsCssManipulate, который чудно существует в дружбе с Joomla 3x на PHP 7.1. Ниже блог Zegeberg раскинет карты по настройкам компонента и укажет кудой нажимать кнопки, чтобы PageSpeed Insights улыбнулся пунктов на 5-20.

Как работает JsCssManipulate

Компонент JsCssManipulate извращается со стилями и скриптами, как дед Мазай в детстве над зайцами. Для Javascript доступны следующие виды интима:

  1. Удаление.
  2. Асинхронная загрузка.
  3. Смещение вниз страницы сайта.
  4. Минимизация.

Если жить мешают Stylesheet, то плагин извратится над стилями так:

  1. Переместит вниз.
  2. Удалит.
  3. Минимизирует.

Согласитесь, столько кайфа в одной пачке сложно скурить без спасибо, оптимизатору не придётся лазать по суровым сервисам и пережимать файлы поштучно со слезами на небритых щеках. Если же скрип или CSS хочется выкинуть из Head вниз, то сначала надо поцеловать куда-нибудь создателя компонента (девушки, спасайте – это Фёдор Vlasenko)✌.

Если при проверке у Гоши скорости загрузки вас бесит пункт «Устраните ресурсы, блокирующие отображение»

Некоторые ресурсы блокируют первую отрисовку страницы. Рекомендуем встроить критическую часть данных JS/CSS в код HTML и отложить загрузку остальных ресурсов.

То компонент качать и использовать надо вчера. У меня снизил скорость загрузки по сему пунктику с 2,23 до 1,04 секунды, что умилило и дало в карму Пэйдже Спид +8 пунктов.

Отладка плагина

Как настроить компонент

Для начала начините с начала и скачайте плагин с блога Zegeberg, после чего установите его и сварите свежий кофе. Отпили? Теперь спешите на https://developers.google.com/speed/pagespeed/insights, где оцените насколько скорость вашего сайта отвечает радужным мечтам. Если по пункту «Устраните ресурсы, блокирующие отображение» радуга отвернулась и покраснела, то разворачивайте пункт и копируете файлы JS и CSS, которые тупят. Ссылка нужна от корня, то есть, типа /media/jui/js/jquery.min.js.

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

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

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

  1. Отладка – да.
  2. Минификация – да.
  3. Сортировка скриптов подвала – да и далее везде «Да».

Сохраняем настройки, очищаем кеш Joomla и смотрим на сайт.

👌Как видим, скрипты и стили, кроме внешних и Jcomments минимизированы, что и требовалось для душевного настроения и гармонии в мире. Однако праздник счастья на этом не закончен, так как надо пройтись Пэйдж Спид по страницам категорий и материалов, ведь там для отображения используются и другие JS и CSS. Добавляете и их в мусорку в плагин и считайте настройку завершённой.

Спасибо Фёдору Власенко

И сказать спасибо Федору Власенко

Излучая флюиды счастья не забудьте зайти во в кладку компонента «Описание» и позолотите ручку Фёдору Власенко, ибо он этого достоин. При желании на данный плагин был бы спрос и на платной основе, так что не скупитесь, с миру по 200 рублей, оптимизатору новые интересные разработки.