Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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

5390 75

   (11 reviews)    Find their other files

8 Screenshots

  • +1 6

About This File

Максимальное ускорение вашего сайта. Бесплатная настройка от автора.

Бесплатное апробирование до 7 дней при получении тестового ключа по договоренности с автором.

Подчеркну, что по договоренности, а не на безусловной основе, т.е. при наличии возможности, целесообразности и на условиях автора.

При этом (для теста) автор также бесплатно может установить и настроить модуль Hi-Optimizer.

Для тех, кто не вполне понимает, что такое договоренность:

Спойлер

"Договоренность" не означает, что она будет достигнута "в любом случае, в любое время, на любых условиях" и т.п.  Ввиду отсутствия времени или возможности у разработчика, или иных причин бывает, что договориться не всегда получается. В данном вопросе автор не берет на себя никаких 100% обязательств.

 

Бывают такие сайты, после первичного анализа которых, уже видно, что какой-либо перспективы получить хороший результат от оптимизации только средствами hi-optimizer нет,  поэтому и смысла в тестовом периоде нет никакого.  Показываю пример когда на сайте стоит обманка для гугла, которая не показывает гуглу картинки и тексты.  Такая обманка позволяет увидеть фейковую оценку pagespeed.  Либо, если дело не в обманке, то по какой-то причине гугл не в состоянии отобразить страницу полностью, в связи с этим невозможно получить истинную оценку pagespeed, поэтому невозможно делать оценку результата оптимизации. Непонятно что в таком случае, что желает заказчик получить от hi-optimizer? Изначально невозможно увидеть реальную оценку гугла, а потому в тесте hi-optimizer в таком случае вынужден отказать, т.к. это совершенно некорректные условия теста получаются.  Пример, что видит гугл и что видит человек в браузере:

 

vWjPIQi.png

 

Jq3j14I.png

 

 

 

Во избежание возможных "поломок" сайта первоначальную установку и настройку автор делает самостоятельно, далее при желании можете экспериментировать самостоятельно с настройками на свой страх и риск. Это правило разработчика, возможны исключения, но в любом случае определенные обязательства у разработчика появляются только после покупки заказчиком модуля или заказе услуги. Предоставление тестового периода - добрая воля автора, но никак не обязанность, и делается по возможности. Разработчик может быть занят, может быть в отъезде, может отдыхать, может болеть  (не дай то Бог), может не иметь возможности выйти на связь -  во всех этих случаях разработчик никак и ничем не обязан потенциальному заказчику, который желает получить модуль для  бесплатного апробирования. Извините, что вынужден писать банальные вещи, итак понятные большинству.

 

FAQ: Почему рекомендуется воспользоваться бесплатной настройкой?

 

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

 

Модуль оптимизации hi-optimizer не влияет непосредственно на оценку гугла в

https://developers.google.com/speed/pagespeed/insights/

Но влияет на нее косвенно. Конечная оценка гугла не является мерилом функционирования модуля.

 

Модуль оптимизации hi-optimizer позволяет использовать определенные методы оптимизации с целью выполнения рекомендаций гугла по оптимизации. Т.е., например "объединение, минификация CSS"  - это вполне конкретный функционал модуля hi-optimizer.  Но совершенно другой вопрос - насколько в баллах это позволит поднять оценку гугла, тут невозможно дать однозначный ответ для любых сайтов.  Выполнение различных приемов оптимизации влияет на скорость загрузки страниц сайта и косвенно влияет на оценку скорости гуглом. Но степень повышения данной оценки и/или индивидуальные ожидания заказчика, выраженные в цифрах желаемой оценки - не являются критерием работоспособности модуля hi-optimizer. Полезность модуля hi-optimizer заказчик в каждой конкретной ситуации оценивает самостоятельно исходя из собственных представлениях о полезности,  но это не является критерием работоспособности модуля.  Чтобы не было недоразумений рекомендуется всегда делать предварительный анализ сайта и воспользоваться тестовым периодом для оценки пользы от оптимизации.

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

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

 

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

 

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

 

На результат могут отрицательно влиять ошибки в коде HTML, CSS, JS, имеются ввиду грубые ошибки (непарность парных тегов, незакрытые кавычки, скобки, любые синтаксические ошибки и т.п.). Изначально предполагается, что HTML на странице не содержит грубых ошибок, в противном случае возможна некорректная работа hi-optimizer на таких страницах, тестирование hi-optimizer не проводилось на страницах, содержащих грубые ошибки HTML (синтаксические и иные), соответственно автор не несет никакой ответственности за корректную работу таких страниц.

Проверяйте страницы (файлы стилей в том числе) на наличие грубых ошибок через валидатор: https://validator.w3.org/

Могут быть такие ошибки:


 

Спойлер

 

В файле CSS есть непарные фигурные скобки.  При этом до оптимизации такой файл может еще как-то более-менее работать в браузере благодаря интеллектуальной способности браузера к исправлению определенных ошибок, но это еще не означает, что это нормальная работа. В случае объединения стилей и/или иной оптимизации CSS с ошибками результат может быть непредсказуемым в плане верстки.

 

6MDkrji.png

sitecreator_ru_SellWHXqXi.png

 

PaC7k13.png

 

 

 

Важное замечание для потенциальных заказчиков:


Выполненные хотя бы частично (полностью все выполнить невозможно в принципе) рекомендации гугла могут считаются критерием для успешной работы Hi-Optimizer. Конечный результат сильно зависит от индивидуальных особенностей сайта, в первую очередь - от примененного шаблона. Хотя бы одна успешно выполненная рекомендация говорит о том, что hi-optimizer выполняет свою задачу. В качестве примера показана рекомендация гугла  "настройте показ всего текста во время загрузки веб-шрифтов", которая выполнена за счет hi-optimizer-а, насколько баллов это повлияет в конечном итоге сложно дать однозначный ответ, но наличие объективного факта оптимизации шрифтов можно проконтролировать, именно этот факт говорит о том, что модуль hi-optimizer выполняет свои функции. 

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

Спойлер

 

sGh7hMQ.png

 

После оптимизации  в Аудите гугла можно увидеть успешно выполненную рекомендацию:

 

PGUjRBg.png

 

 

 

Наличие множества опций настройки в hi-optimizer не означает, что на любом сайте их можно  и/или нужно использовать все и в любой комбинации. Для разных сайтов оптимальные и работоспособные комбинации могут сильно различаться.

 

Автор данного программного решения не может брать на себя обязательств, что на вашем конкретном сайте в любом  случае можно непременно достичь оценки гугла в 90+ баллов только лишь за счет применения программного решения "Hi-Optimizer". Оптимизатор Hi-Optimizer в первую очередь позволяет выполнять многие рекомендации гугла в плане оптимизации, например, позволяет снимать блокировку основного потока   (сторонними скриптами)  полностью (или, как миниум, существенно уменьшать ее).

Под спойлером подробнее о том какими средствами объективного контроля (от гугла) можно оценить как Hi-Optimizer выполняет оптимизацию по конкретным рекомендациям гугла.
 

Спойлер

 

Оптимизатор Hi-Optimizer в первую очередь позволяет выполнять многие рекомендации гугла в плане оптимизации, например, позволяет снимать блокировку основного потока   (сторонними скриптами)  полностью (или, как миниум, существенно уменьшать ее).  Как именно гугл оценит выполнение конкретной своей рекомендации заранее предсказать невозможно в цифрах, это связано с массой обстоятельств, на которые напрямую Hi-Optimizer не может влиять. Например, Hi-Optimizer не может влиять на скорость отклика сервера, на настройки кеширования файлов, заданные сервером, но эти показатели влияют на общую оценку гугла.  Оптимизатор Hi-Optimizer не влияет напрямую на цифры баллов, но позволяет выполнять рекомендации гугла. Работу оптимизатора можно оценивать по выполнению рекомендаций гугла, как пример, ниже показан результат снижения (или полного устранения) блокировки основного потока сторонними скриптами JavaScript.

 

Ниже показан пример ДО и ПОСЛЕ.   "ДО" основной поток работал 29.9 сек, была блокировка основного потока на 7580 мс, была рекомендация гугла по поводу оптимизации шрифтов.

"ПОСЛЕ" основной поток работает уже всего 13.8 сек (выигрыш 16.1 сек ), рекомендации "уменьшить влияние стороннего кода" больше нет у гугла (т.е. выигрыш 7580 мс), также выполнена рекомендация гугла, касающаяся шрифтов ("настройте показ текста").

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

Желание и ожидание заказчиком непременной минимальной оценки 90+ является лишь желанием закзчика,  это ожидание может сбыться, а может и не сбыться. Никаких 100% обещаний разработчик не дает по непременному взлету до 90+ (особенно с почти нуля: с 5 или 15 стартовых баллов, например ). Низкая стоимость данного программного решения не сопоставима по стоимости с услугами вида "ускоряем до 90+ с обязательством и гарантией" и не подразумевает никаких гарантий в достижении оценки гугла 90+ всегда и везде.  Если нужно достижение в 90+ с обязательством, то это возможно в рамках отдельной договоренности и дополнительной стоимости.

Даже при первоначальной оценке конкретного сайта разработчик Hi-Optimizer может отметить какие именно рекомендации гугла может выполнить оптимизатор Hi-Optimizer, но разработчик не может спрогнозировать точно насколько гугл в баллах оценит выполнение каждой отдельной рекомендации или всех рекомендаций вместе взятых. Можно лишь сделать в лучшем случае прогноз на прирост оценки в несколько десятков баллов если у вас первоначальная оценка, например, ниже 50. Если же у вас на старте оценка уже 80 или 85, к примеру, то тут о приросте в несколько десятков баллов не может быть и речи, т.к. до 100 остается всего 15...20 баллов, и чем ближе к 100, то тем дороже каждый балл, т.е. в данном случае подъем на 10 баллов (например, с 80 до 90) - это уже хороший результат.

 

ДО:

sitecreator_ru_afTwSsHpub.png

 

 

ПОСЛЕ:

sitecreator_ru_CQODjR7R4l.png

 

Это (см. ниже) объективные замеры скорости (не путать с баллами!).   Именно они изменяются после выполнения конкретных рекомендаций гугла.

 

sitecreator_ru_ldbAUamuEK.png

 

 

Hi-Optimizer не может уменьшить количество узлов DOM.  Это решается только изменением верстки в ручном режиме.  Количество узлов DOM влияет на итоговую оценку гугла. Гугл рекомендует не превышать число узлов DOM в 1500 узлов.  Если у вас количество узлов, например, 5000, 10 000 или 15 000 (или еще выше), то рекомендуется снизить собственные ожидания получить оценку в 90+ без изменения верстки. Чем выше количество узлов, то тем проблематичнее делать оптимизацию сайта. Если узлов существенно больше 1500, то принципиальное  достижение 90+ будет под вопросом, особенно если начальная оценка гугла близка к нулю (например, 0...15 баллов)

 

sitecreator_ru_SQ133A7NJh.png

 

Гугл рекомендует ( Lighthouse отмечает как проблемы если показатели выше определенных значений):

Lighthouse flags pages with DOM trees that:

  • Have more than 1,500 nodes total.
  • Have a depth greater than 32 nodes.
  • Have a parent node with more than 60 child nodes.

Гугл рекомендует (иначе гугл отметит невыполнение этих условий как проблему):

  • Иметь не более 1500 узлов.
  • Имеют глубину не более 32 узлов.
  • У родительского узла не должно бытьболее 60 дочерних узлов.

 

 

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

 

Спойлер

 


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

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

Код:
<script src="catalog/view/javascript/revolution/js_change.js"></script>

 

Именно за счет данного скрипта javascript происходит окончательное построение всей страницы. По сравнению с дефолтным шаблоном или практически с любым иным шаблоном из-за этой особенности имеем значительное увеличение времени до момента отображения страницы и возможности пользователя начать взаимодействие с ней.

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

 

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

 

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

 



 


Есть несколько автоматических режимов оптимизации 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

 

Модуль Hi-Optimizer не занимается кешированием (ускорением) медленно работающих скриптов php на вашем сервере (хостинге), не ускоряет работу вашей базы данных и т.п. Это сугубо серверные задачи, для которых модуль не предназначен.   Перед модулем нет задачи улучшить отклик сервера, данный параметр гугл называет Reduce server response times (TTFB) .

 

Пример  (это страница БЕЗ оптимизации): https://hi-optimizer.sitecreator.pro/home00.html
Тут полный порядок с откликом сервера, в этом плане страница очень быстрая. Вообще в плане серверной оптимизации все идеально, и на сервере улучшать нечего. Но кроме работы программ на сервере есть работа программ на устройстве пользователя, т.е. на его смартфоне (в его браузере), на его компьютере, планшете и т.п.   И вот работа этих программ оказывается в данном примере Не оптимизирована.

Спойлер

 

sitecreator_ru_KOyDRako5c.jpg

 

 

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

Модуль Hi-Optimizer как раз и призван решить проблемы на стороне клиента, т.е. оптимизировать выполнение программ на устройстве конечного пользователя.

 

Спойлер

 

 

sitecreator_ru_BQwE0a9bhs.jpg

 

 

 

 

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

С учетом того, что на любом хостинге используется сжатие gzip для HTML, CSS, JS, то минификация играет крайне слабую роль в оптимизации, а гугл очень слабо оценивает минификацию (если вообще оценивает).

 

Т.е. сейчас для оценки скорости загрузки страницы важны совсем другие факторы нежели минификация HTML. Поэтому в данном модуле вы не увидите минификацию HTML (по сути это бесполезная функция). Гораздо важнее скорость анализа CSS, выполнения JS и собственно рендеринг страницы.

 

Если большой вес изображений, то будет также полезна оптимизация изображений (как их веса, таки и загрузки - lazy load).

 

 

 

Демо-сайт:

 

https://hi-optimizer.sitecreator.pro

 

админка (переходить строго по ссылке, доступ к другим настройкам в админке запрещен):

https://hi-optimizer.sitecreator.pro/admin/index.php?route=extension/module/hi_optimizer

hioptimizer

hioptimizer

 

 

Оценка сайта гуглом

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F

 

sitecreator_ru_1K3OkjxTED.jpg

 

sitecreator_ru_RWY8jQbNkW.jpg

 

 

 

Эта же страница ДО оптимизации (ее оценка ДО оптимизации 27 баллов для мобильных):

код на 100% совпадает с кодом главной страницы https://hi-optimizer.sitecreator.pro/   ДО оптимизации.

https://hi-optimizer.sitecreator.pro/home00.html

ссылка для проверки в гугле:

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2Fhome00.html&tab=mobile

 

Спойлер

 

 

sitecreator_ru_c45sxvQ6cU.jpg

 

 

 

1lj1b2Q.png

 

 

Часть список из нескольких десятков сайтов, на которых работает Hi-Optimizer:
 

Спойлер

 

sitecreator_ru_lBVfD5Ib2M.jpg

 

sitecreator_ru_FrFMFXc8Hl.jpg

 

 

 

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

 

sitecreator_ru_3HLx3IqNjl.jpg 


 

 

 





User Feedback

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.