Hi-Optimizer for Opencart - интеллектуальный оптимизатор сайта для повышения скорости загрузки страниц и оценки pagespeed google

sitecreator

Administrator
Команда форума


Hi-Optimizer for Opencart -
интеллектуальный оптимизатор сайта для повышения скорости загрузки страниц и оценки pagespeed google

Совместим с opencart 1.5, 2.*.*, 3.0.*
Совместим с opencart (ocstore) 1.5 также
.

Позволяет оптимизировать с целью максимального увеличения скорости загрузки страниц:
  • стили (CSS)
  • скрипты (JavaScript)
  • объединение, минификация CSS и т.п.
  • откладывание выполнения JavaScript с малым приоритетом
  • задание приоритета выполнения автоматически или в ручном режиме
  • возможность асинхронной загрузки как определенных CSS, так и JavaScript
  • оптимизация всевозможных метрик (Яндекс и др.), аналитик (Гугл, Фейсбук и др.)
  • оптимизация всевозможных виджетов (Яндекс, Фейсбук, В Контакте и др. )
  • виджеты могут загружаться при попадении их в зону просмотра (lazy load для виджетов)
  • оптимизация всевозможных чатов (Jivosite, Яндекс и т.д)
  • оптимизация карт Гугла и Яндекса (загружаются при попадении в зону видимости - lazy load для карт), и др. карт
  • оптимизация загрузки фреймов (iframe)
  • оптимизация видео-вставок Ютюб, youtube.com
  • оптимизация загрузки и отображения шрифтов, причем, как из внешних источников, так и из CSS, загружаемых с вашего сайта
  • отслеживание дублей CSS, JS и, соответственно, предотвращение их повторной загрузки
  • оптимизация загрузки всевозможных Lightbox (magnific-popup, colorbox, fancybox)
Основную работу по оптимизации модуль Hi-Optimizer способен выполнить самостоятельно в автоматическом режиме. Также можно в ручном режиме помечать любые скрипты, которым имеет смысл назначить низкий приоритет загрузки и выполнения. Такие скрипты будут выполняться только после загрузки страницы и ее важных компонентов.

Есть несколько автоматических режимов оптимизации JavaScript , начиная с режима банального группирования скриптов в конце HTML, а также есть несколько режимов продвинутой оптимизации JavaScript. Модуль Hi-Optimizer использует продвинутые современные технологии распараллеливания загрузки скриптов и одновременного выполнения построения страницы, используются где необходимо асинхронная загрузка скриптов, отложенная загрузкаи и комбинация этих способов с синхронной загрузкой и выполнением.

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

За счет использовния модуля Hi-Optimizer будут выполнены максимально насколько возможно рекомендации Гугла (https://developers.google.com/speed/pagespeed/insights/). Это способствует существенному поднятию оценки Гугла и реальному ускорению.

В настоящее время модуль Hi-Optimizer работает на самых разных сайтах ( примерное количество: 50+) на движке Opencart (OcStore) версий 1.5, 2.*, 3.0













ВАЖНО IMPORTANT
Удаление модуля в списке моделей удаляет только его админку, но не отключает его полностью. Отключить можно полностью в админке модуля (без необходимости удаления админки модуля) или можно путем удаления в папке system ocmod модуля sitecreator.hi-optimizer.ocmod.xml и последующим обновлением модификаторов.





Описание будет добавлено позже.
 
Последнее редактирование:

sitecreator

Administrator
Команда форума

это дефолтный движок. но оптимизированный за счет модуля.
результат можно увидеть такой от гугла (100 баллов для мобильных и 100 баллов для компьютеров),
учитывая, что у гугла замеры немного плавают, то 99 может показать для мобильных.





 
Последнее редактирование:

sitecreator

Administrator
Команда форума

Реальные сайты, на которых работает Hi-Optimizer.



Результат после перехода Гугла на новый алгоритм оценки скорости работы (производительности) сайта, т.е. после перехода на Lighthouse 6




Можно по комментарию в исходном коде HTML увидеть, что работает Hi-Optimizer, а также получить дополнительную информацию (такую как потраченное время на оптимизацию страницы).







До оптимизации (для мобильных) было 52 баллов, стало - 96



До оптимизации (для мобильных) было 26 баллов, стало - 91


До оптимизации (для мобильных) было 44 баллов, стало - 97


До оптимизации (для мобильных) было 54 баллов, стало - 95




До оптимизации (для мобильных) было 51 баллов, стало - 98


До оптимизации (для мобильных) было 60 баллов, стало - 95


До оптимизации (для мобильных) было 51 баллов, стало - 96





До оптимизации (для мобильных) было 43 баллов, стало - 72



До оптимизации (для мобильных) было 36 баллов, стало - 64


До оптимизации (для мобильных) было 26 баллов, стало - 77





До оптимизации (для мобильных) было 42 баллов, стало - 76




До оптимизации (для мобильных) было 26 баллов, стало - 88




До оптимизации (для мобильных) было 64 баллов, стало - 93





До оптимизации (для мобильных) было 21 балло, стало - 92







До оптимизации (для мобильных) было 16 баллов, стало - 83






До оптимизации (для мобильных) было 22 баллов, стало - 75







До оптимизации (для мобильных) было 20 баллов, стало - 86


До оптимизации (для мобильных) было 26 баллов, стало - 68



До оптимизации (для мобильных) было 48 баллов, стало - 94


До оптимизации (для мобильных) было 40 баллов, стало - 89


До оптимизации (для мобильных) было 48 баллов, стало - 75


До оптимизации (для мобильных) было 36 баллов, стало - 78


До оптимизации (для мобильных) было 11 баллов, стало - 58


zvz.com.ua
До оптимизации (для мобильных) было 51 баллов, стало - 91
для страницы Товар 24 ==> 85





До оптимизации (для мобильных) было 47 баллов, стало - 93


До оптимизации (для мобильных) было 14 баллов, стало - 74
Оптимизация изображений требуется, но не выполнялась, поэтому оценка могла бы быть лучше.


До оптимизации (для мобильных) было 30 баллов, стало - 76


До оптимизации (для мобильных) было 11 баллов, стало - 54


До оптимизации (для мобильных) было 72 баллов, стало - 95

До оптимизации (для мобильных) было 44 балла, стало - 91


До оптимизации (для мобильных) было 39 баллов, стало - 79


До оптимизации (для мобильных) было 42 баллов, стало - 90


До оптимизации (для мобильных) было 20 баллов, стало - 85



До оптимизации (для мобильных) было 40 баллов, стало - 79


До оптимизации (для мобильных) было 22 баллов, стало - 92


До оптимизации (для мобильных) было 40 баллов, стало - 78


До оптимизации (для мобильных) было 50 баллов, стало - 74

До оптимизации (для мобильных) было 41 баллов, стало - 95



До оптимизации (для мобильных) было 65 баллов, стало - 92


До оптимизации (для мобильных) было 35 баллов, стало - 93


До оптимизации (для мобильных) было 15 баллов, стало - 74


До оптимизации (для мобильных) было 25 баллов, стало - 91


До оптимизации (для мобильных) было 66 баллов, стало - 93




До оптимизации (для мобильных) было 46 баллов, стало - 96


До оптимизации (для мобильных) было 18 баллов, стало - 59
Для стр. Каталог 30 ==> 74






До оптимизации (для мобильных) было 39 баллов, стало - 83



До оптимизации (для мобильных) было 9 баллов, стало - 74





До оптимизации (для мобильных) было 2 баллов, стало - 35
стр. Категория: (для мобильных) было 4 баллов, стало - 58




До оптимизации (для мобильных) было 16 баллов, стало - 60
стр. Категория: (для мобильных) было 52 баллов,
стало - 89







82

До оптимизации (для мобильных) было 7 баллов, стало - 74


Сайт с кучей проблем на входе: логические и синтаксические ошибки JS и т.п. Без ручной правки ошибок результат соответствующий, но он есть.
До оптимизации (для мобильных) было 2 баллов, стало - 54


До оптимизации (для мобильных) было 62 баллов, стало - 92


До оптимизации (для мобильных) было 5 баллов, стало - 77


До оптимизации (для мобильных) было 29 баллов, стало - 96


До оптимизации (для мобильных) было 30 баллов, стало - 95



До оптимизации (для мобильных) было 19 баллов, стало - 37


До оптимизации (для мобильных) было 22 баллов, стало - 90


До оптимизации (для мобильных) было 9 (23) баллов, стало - 70 (81)




 
Последнее редактирование:

sitecreator

Administrator
Команда форума
Реальные сайты, на которых работает Hi-Optimizer.

Результат после перехода Гугла на новый алгоритм оценки скорости работы (производительности) сайта, т.е. после перехода на
Lighthouse 6



До оптимизации (для мобильных) было 39 баллов, стало - 95


До оптимизации (для мобильных) было 26 баллов, стало - 100



До оптимизации (для мобильных) было 21 баллов, стало - 81




До оптимизации (для мобильных) было 56 баллов, стало - 82


До оптимизации (для мобильных) было 15 баллов, стало - 73


До оптимизации (для мобильных) было 48 баллов, стало - 96


 
Последнее редактирование:

sitecreator

Administrator
Команда форума

Какие шаблоны из известных являются сложными для оптимизации?


Назову лишь один, для которого результат оптимизации бывает далеко не всегда удачным. И удачным можно считать даже прибавку в +20 баллов. Это шаблон Рево...шн

Бывает, что на данном шаблоне получается достичь хороших результатов оптимизации, но не всегда.

Особенность данного шаблона в том, что основной контент по мере загрузки страницы (кода HTML) не отображается на странице. Только после загрузки страницы начинает работать скрипт, который работает над отображением основного контента.

Код:
<script src="catalog/view/javascript/revolution/js_change.js"></script>
Именно за счет данного скрипта javascript происходит окончательное построение всей страницы. По сравнению с дефолтным шаблоном или практически с любым иным шаблоном из-за этой особенности имеем значительное увеличение времени до момента отображения страницы и возможности пользователя начать взаимодействие с ней.


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

В качестве примера взята страница демо шаблона от разработчика данного шаблона. Как видим, страница не отягощена блокировкой основного потока, на ней нет виджетов, метрик, карт и прочего, что могло бы снижать оценку гугла, но даже при этом страница не имеет высокой оценки гугла. Т.е. если на такой странице будут еще виджеты, метрики, карты и пр, то оценка будет существенно ниже, но за счет снятия блокировки основного потока (это умеет делать hi-optimizer) можно подтянуть оценку гугла до примерно оценки демо-шаблона, но не забываем при этом о влиянии количества товаров на странице.




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


Если отключить в браузере JavaScript, то хорошо видно, что данный шаблон не рисует основной контент, вместо него будет пустое поле. Ниже скриншоты с отключенным и включенным JavaScript при загрузке страницы на этом шаблоне.



 
Последнее редактирование:
Верх