Модуль Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator [Поддержка]

[sitecreator]

Версия 2.1.9

Улучшена совместимость со сторонними модулями и т.п.

 

Используйте именно эту версию Компрессора если вы совместно используете модуль Компрессор, модуль оптимизации Hi-Optimizer by SiteCreator, а также сторонний кешер.

Ключевое слово - это "сторонний" кешер.

Модули от sitecreator между собой совместимы в любой комбинации.

 

 

Также желательно обновить Компрессор в случае если вы используете некоторые кешеры сторонних производителей.

 

Но, повторюсь, для бесконфликтной работы в связке со сторонним кешером пара Компрессор + Hi-Optimizer by SiteCreator  должна, соответственно, иметь версии:

 

•  Компрессор, версия  2.1.9
•  Hi-Optimizer by SiteCreator, версия 1.0.16.

 

Или более свежие версии когда они появятся.

 

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

 

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

 

[sitecreator]

Взял дефолтный Ocstor 2.3

вот этот самый, что на демо: https://demo.ocstore.com/

Совершенно ничего в коде движка не делал.

 

использовал только модуль Компрессор (webp + lazy load) и модуль Hi-Optimizer.

Вся оптимизация помимо изображений лежит на Hi-Optimizer.

При небольшом общем весе изображений основной эффект дает именно Hi-Optimizer.

 

Никакого обмана гугла. Все по честному.

Гугл дает оценку всем страницам 99 +/- 1 балл.  (это для смартфонов)

Для компьютеров - 100.

 

 

 

 

 

Спойлер

 

 

 

Позволяет автоматически оптимизировать JS, CSS, шрифты (фонты), счетчики, аналитики, метрики, jivosite, карты, ютюб-вставки, фреймы ит.д. и т.п.

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

Указанный модуль будет вскоре доступен на данном форуме.

 

Возможна тестовая версия на 7 дней. Всем желающим моя установка с настройкой,  оплата после по вашему желанию если вы довольны результатом.

За два последних месяца протестировал на нескольких десятках сайтов.

 

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

 

Я использовал свой опыт в оптимизации сайтов вручную, и постарался насколько возможно впихнуть в автоматический режим максимально возможное.

 

Модуль не нагружает излишне ваш сервер.

 

 

 

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

В принципе результат может быть закеширован сторонним кешером.

 

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

 

 

Спойлер

 

[chukcha]

43 минуты назад, sitecreator сказал:

Взял дефолтный Ocstor 2.3

Это не показатель, дефолтный шаблон, сразу в зеленой зоне

а 80 или 100 - это уже попугаи
 

[sitecreator]

1 минуту назад, chukcha сказал:

сразу в зеленой зоне

 

не спорю, но не 99. В данном случае это лишь пример возможностей, разумеется, что поднимать на практике с 90 до  99 нет никакого смысла.

Я просто хотел показать, что в самом коде движка ничего не меняю.

 

поднимал с 22 до 75, например.

с 45 до 85 для смартфона (товаров 55 000)

и т.д.

 

Прошу учесть, что это за очень недорого с моей настройкой.

 

Спойлер

900 р. все удовольствие.  

 

[Sergeyy84]

2 часа назад, sitecreator сказал:

А для тяжелых сайтов - сотые доли секунды.

имелось ввиду  0,1 - 0,3 - 0,5 сек  и т.д. может отнять? правильно понял?

 

2 часа назад, sitecreator сказал:

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

Простыми словами можете сказать? реально от модуля есть польза или он только баллы поднимает? Пользователь заметит изменения в работе сайта с модулем и без него?

[yastman]

Интересно) по поводу hi-optimizer , уже есть примеры установки и Настройки на реальных магазинах? 

[sitecreator]

7 часов назад, Sergeyy84 сказал:

имелось ввиду  0,1 - 0,3 - 0,5 сек  и т.д. может отнять? правильно понял?

 

вы тысячные доли и сотые от показанных вами десятых отличить можете?

0.006 сек показано выше. это тысячные.

а сотые - это 0.01 сек. на каком-то самом тупом хостинге было аж 0.02сек.

 

 

вот это на реальном магазине 55 000 товаров. 0.006 сек

 

7 часов назад, Sergeyy84 сказал:

реально от модуля есть польза или он только баллы поднимает?

 

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

 

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

Каждый сам решает для себя нужна ли ему хорошая оценка гугла.

В былые времена когда у гугла были другие алгоритмы расчета оптимизации сайта, то можно было выехать на одной лишь оптимизации изображений, т.к. гугл за это легко накидывал по 30-50 баллов сверху.

Теперь акценты сместились, а потому когда начинают спрашивать "а почему гугл?..",  то приходится показывать пользователям их узкие места в JS, например.  Я уже писал на эту тему, например:

Почему автомобиль на новой резине, но с неисправным двигателем медленно едет? Вес изображений == баллы гугла?

 

Вот из-за смещения акцентов теперь гугл накидывает по 30-50 баллов уже не за изображения, а за оптимизацию JS, CSS и рендеринга страницы.

Вот Hi-Optimizer дает людям то, что они желают.  Т.е. простой способ поднять сразу на 20, 30, 50 баллов в зависимости от ситуации и начальных условий.  Взлета в тяжелых случаях с 15 до 90 баллов не будет, на то он и тяжелый случай, но подъем на несколько десятков баллов реален, что и показывает практика.

 

1 час назад, yastman сказал:

Интересно) по поводу hi-optimizer , уже есть примеры установки и Настройки на реальных магазинах? 

 

Разумеется. только на реальных и оцениваю.

И делаю адаптацию на реальных магазинах.

дал вам ссылку в личку со списком сайтов.

Когда модуль здесь будет в продаже, то я выложу весь список здесь.

 

 

[sitecreator]

8 часов назад, Sergeyy84 сказал:

реально от модуля есть польза или он только баллы поднимает?

 

давайте возьмем простой пример. далее судите сами.

Например, есть географическая карта гугла или яндекса.

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

 

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

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

А все эти второстепенные скрипты имеют тенденцию и желание загружаться всей толпой сразу, не давая при этом даже нормально кликать по экрану.

 

Hi-Optimizer позволяет правильно расставить приоритеты.  Что показать сначала, а что - потом.

И не только это.

Одна из задач - это не позволить загрузке со стороннего сайта тормозить вашу страницу если тормозит сторонний сайт.

А такие тормоза - это не редкость.

Нельзя давать сторонним скриптам блокировать основной поток, да еще до завершения отображения  (финального рендеринга) страницы.

Об этом гугл постоянно говорит (рекомендует).

 

 

 

Разумеется, что любые оптимизации можно делать  вручную.  на комплексную оптимизацию в ручном режиме нужно потратить немало времени.

Но даже простую оптимизацию никто не спешит делать.

Я решил помочь в этом вопросе по принципу "дешево и сердито". в 80-90% вполне достаточно такой оптимизации.

[sitecreator]

14 часов назад, Sergeyy84 сказал:

имелось ввиду  0,1 - 0,3 - 0,5 сек  и т.д. может отнять?

 

0.006 сек на этом сайте (ссылка ниже) с 55 000 товаров.

 

8 часов назад, yastman сказал:

уже есть примеры установки и Настройки на реальных магазинах? 

 

например:

https://animeshop-akki.ru/

55 000 товаров.

подняли на 25-30 баллов в автоматическом режиме.

До установки модуля  Hi-Optimizer было 59 баллов. стало 85.

 

 

 

 

Hi-Optimizer не конкурирует с кеширующими ускорителями, он их гармонично дополняет (но не заменяет), т.к. делает то, что не делают кешеры.

В общем, кешер и Hi-Optimizer работают в разных областях оптимизации, которые не пересекаются.

 

еще пример.

https://svitmebliv.com.ua/kuhnja

16 000 товаров.

 

до установки модуля Hi-Optimizer было в районе 20 баллов, после - 80-85

 

До (под спойлером):
 

Спойлер

 

 

 

 

 

 

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

0.006 сек   (6 миллисекунд) - это и есть тысячные доли секунды.

[yastman]

Так же хотел дополнить,что ваш модуль отлично дружит с модулем 

 

OCHELP - Просмотренные товары Opencart 2.x

https://prnt.sc/quh2ie

lazyload +webp

Змінено 29 січня 2020 користувачем yastman

[Relaxant]

Нигде инфы не найду про версии опенкарта, которые поддерживает hi-optimizer, в т.ч. и на вашем сайте.

Ткните носом пожалуйста)

[sitecreator]

Версия 2.1.11

Улучшенная и дополненная

[sitecreator]

В 31.01.2020 в 16:35, Relaxant сказал:

про версии опенкарта, которые поддерживает hi-optimizer

 

2.1, 2.3, 3.0.

В принципе 1.5 тоже поддерживает, но нужно подготовить vqmod.

[Sphinx]

Здравствуйте, как сделать так, чтобы картинки формата .webp открывались на смартфоне? Вместо них - белые квадраты. На компьютере всё отображается. Спасибо

[Vorodisa]

Добрый день! У меня стоит на фото ватермарк по середине фото, мерчант ругается. Что можно придумать в данной ситуации? На новых фото я ставлю внизу ватермарк. Вот думаю может сбросить старый, чтобы новый появился на фото? Как это можно сделать? Спасибо!

[sitecreator]

48 минут назад, Sphinx сказал:

как сделать так, чтобы картинки формата .webp открывались на смартфоне? Вместо них - белые квадраты. На компьютере всё отображается.

 

могу предположить, что у вас закешировался вывод Компрессора каким-то кешером. Закешировался под браузеры, понимающие WEBP. И эта страница потом отдается всем, включая браузер Сафари, который ничего не знает о webp. Смартфоны на андроиде понимают webp.

Для Сафари и старых браузеров должна отдаваться иная страница, но кешер мешает этому.

 

Вывод - нужно правильно настроить связку Компрессор + кеширующий ускоритель.

Тогда не будет проблем.

Можно даже генерировать универсальную страницу, которая годится для браузеров, которые знают webp и которые не знают. Компрессор все это умеет.

 

Пишите в личку сразу с доступами.

[sitecreator]

46 минут назад, Vorodisa сказал:

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

 

здравствуйте.

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

Обычно нужно очистить дополнительно системный кеш и кеш ускорителя если есть.

[avngroup]

отдельно ваш ватермарк как то можно поставить без компрессора?

[sitecreator]

7 минут назад, avngroup сказал:

отдельно ваш ватермарк как то можно поставить без компрессора?

 

можно использовать в разной комбинации:

1) watermark

2) Compressor (webp +lazy load etc)

 

 

Т.е. все зависит от того, какие ocmod-ы включены/отключены. Варианты:

 

 

 

Причем Компрессор (создание и вывод webp) может работать с любым шаблоном и любой степенью изменения движка опенкарт. Т.е. можно даже использовать сторонний модуль watermark и измененную системную библиотеку image.

 

Но устанавливается все целиком сразу.  Отключать ненужное можно уже в админке или руками через соответствующие ocmod-ы.

По отдельности не ставится и, соответственно, не продается.

Теоретически можно при использовании только watermark удалить (не загружать) библиотеку webpimage.php, но в этом нет никакого смысла, т.к. если отключен соответствующий ocmod, то и данная библиотека нигде не будет использоваться, разве, что будет занимать место на диске, но это всего 140К для всех версий php сразу.

[avngroup]

остальное у меня уже  все настроено 

тогда смысла нет(

нужен только ватермарк

[sitecreator]

Версия 2.1.12

Улучшена совместимость со сторонними модулями и т.п

[sitecreator]

Версия 2.1.15

Улучшена совместимость со сторонними модулями и т.п.  Добавлена возможность включать определенные правила для исключения.

 

 

Различный не HTML контент (вроде JSON) не обрабатывался ранее, не обрабатывается и сейчас на предмет встраивания webp.

Также неявным образом webp не встраивается на страницы с route:

 

checkout/

account/

и т.п.

 

[inquiring]

Здравствуйте. Модуль ветки 2* после обновлений поддерживает мультимагазин?

[sitecreator]

Полная поддержка мультимагазина будет немного позже.

в прежней версии (1.16.5, например) есть поддержка для webp. Для мультимагазина можно ее использовать.

[zion148]

Люди помогите разобраться, весь день убил, все установил, но сам модуль как будто не работает, ничего не меняется, не сжимает вообще ничего. Ни какой формат не жмет, тормозов видимых нет ни каких при работе. Файл пытаюсь скачать он не webp, инспектором тоже ни слова о webp. Настройки менял уже по всякому, 3 форума изучил и не работает!(

сайт http://bu78.ru

Змінено 28 лютого 2020 користувачем zion148