Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет
Теперь настоящий комбайн для работы с изображениями. Управление белыми полями, четкостью, размером, обрезкой картинок и т.д.
[b]Для Opencart 3.0 и Opencart 2.*, 1.5
С поддержкой WEBP, Lazy Load и др.
Дистрибутив теперь универсальный (он один) для движка 1.5, 2-й и 3-й версий.
Версия модуля 3.2.0
Ioncube Loader (версия 10+ обязательна) используйте 10-ю или 11-ю, или 12.0.4+. 12.0.2-я версия содержит баг (начиная с 12.0.4 нет проблем)
Подробная документация по установке модуля и настройке
[/b]
[size=100]Гугл отмечает положительно в своем аудите выполнение рекомендаций по оптимизации изображений.

[/size]
Для комплексной оптимизации сайта в дополнение к оптимизации изображений рекомендуется использовать оптимизатор скорости Hi-Optimizer. Таким образом вы сможете выполнить по максимуму рекомендации гугла и повысить оценку Гугла для своего сайта.
Модуль
Hi-Optimizer для ускорения здесь:
https://liveopencart.ru/opencart-moduli-shablony/moduli/hi-optimizer-for-opencart-intellektualnyiy-optimizator-sayta-dlya-povyisheniya-skorosti-zagruzki-stranits-i-otsenki-pagespeed-google
Установка софта (mozjpeg и optiPNG, cwebp) в два клика на обычный хостинг и VDS (не требует знаний Linux).
Вся магия здесь:
[img]https://opencartforum.com/uploads/monthly_2017_10/2479e835ed.jpg.58914507f23d728c4148d755afbb28f7.jpg" class="imagebox" rel="imagebox" target="_blank">
Для комплексной оптимизации сайта в дополнение к оптимизации изображений рекомендуется использовать оптимизатор скорости Hi-Optimizer. Таким образом вы сможете выполнить по максимуму рекомендации гугла и повысить оценку Гугла для своего сайта.
Модуль
Hi-Optimizer для ускорения здесь:
https://liveopencart.ru/opencart-moduli-shablony/moduli/hi-optimizer-for-opencart-intellektualnyiy-optimizator-sayta-dlya-povyisheniya-skorosti-zagruzki-stranits-i-otsenki-pagespeed-google
Установка софта (mozjpeg и optiPNG, cwebp) в два клика на обычный хостинг и VDS (не требует знаний Linux).
Вся магия здесь:
[img]https://opencartforum.com/uploads/monthly_2017_10/2479e835ed.jpg.58914507f23d728c4148d755afbb28f7.jpg">
Демо 2.* (клиентская часть): [url=http://watermark.sitecreator.pro]https://watermark.sitecreator.pro
Демо 2.* (админка):
https://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator
nпользователь: DEMO
пароль: DEMO
Максимум настроек водяного знака (watermark): его позиция, поворот, прозрачность и т. д.\r\nМожно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по размерам.
Адаптивный ресайз (resize, обрезка) изображения. \r\n\r\n
Совместим с Opencart, Ocstore, opencart.pro версии 1.5.* и 2+
Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3) [b]требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4) Версию php у хостера вы можете изменить самостоятельно через панель управления.
Ioncube Loader v10.0+ (только 10+)
Работает WEBP везде почти без всяких условий! Важно чтобы была ОС Linux 64 bit или Windows (это будет в 99.9% случаев).
[/b]Софт mozjpeg, optipng, который входит в состав модуля, предназначен для Linux 64 bit. Для Windows такой софт вы можете скачать и установить отдельно.

Разница в размерах ДО и ПОСЛЕ:

Полностью совместимые ускорители в плане сжатых форматов, т.е. WEBP работает (выводится) корректно:
- Jet Cache
- Turbo (версия для opencart 2.1 и 2.3)
NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ). Больше не поддерживается, т.к. разработчик Нитро прекратил его продажу и поддержку.
- Boost (проверялось только на опенкарт 2.*, не могу судить о версии на которой тестировался, т.к. разработчик в модуле не указал версию. Возможно, что есть
несовместимые версии)
Ускоритель Лайтинг может работать совместно с Компрессором если включен режим совместимости с кеширующим ускорителем в модуле Компрессор, но гарантировать, что это будет работать везде и всегда на 100% невозможно, в подавляющем большинстве случаев это работает нормально.
Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
system/library/image.php, catalog/tool/image.php, admin/tool/image.php.
Не гарантируется выполнение всех функций модуля и нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
Желательно чтобы эти файлы были такими же как в дистрибутиве движка. В случае изменения кода указанных выше файлов может потребоваться дополнительная адаптация и/или модификация кода, это необходимо обсуждать отдельно, как правило, это платная работа. Модуль рассчитан для работы в первую очередь со стандартным движком. Автор не берет на себя никакую ответственность за работу на нестандартном движке.
Для работы с фоном исходных изображений (обрезка лишнего фона на исходниках) необходима дополнительная лицензия для работы соответствующего дополнительного плагина к модулю Компрессор.
Корректная работа модуля и совместимость гарантируются только в случае использования официальных дистрибутивов opencart, ocstore или "русская сборка". Решение вопросов совместимости и
адаптация в случае использования нестандартного/измененного кода движка опенкарт возможно на платной основе, это не входит в поддержку модуля.
Автор не может гарантировать совместимость модуля со всеми на свете другими модулями и/или шаблонами (для опенкарт), которые могли быть установлены до установки модуля "Image COMPRESSOR..." или могут быть установлены в будущем. Но автор прилагает все необходимые усилия, чтобы обеспечить максимальную совместимость с популярными и известными шаблонами и модулями. Кстати, ни один автор никогда не берет на себя ответственности по совместимости со всеми модулями других авторов.
В случае любых спорных вопросов автор готов продемонстрировать работу своего модуля на сервере заказчика на стандартном опенкарт (т.е. это опенкарт без изменения кода, без добавления чего-либо, что отсутствует в стандартном) из официального дистрибутива, для этого может быть использован тот же домен, для которого запрашивалась лицензия при покупке, или может быть использован тестовый домен (например, поддомен для домена, для которого покупалась лицензия)
Перенос лицензии (на др. домен) или отмена лицензии ("возврат покупки") после ее предоставления покупателю невозможны чисто технически.
С правовой точки зрения существует единственный официальный источник дистрибутивов опенкарт:
https://www.opencart.com/index.php?route=cms/download/history
В случае любых спорных вопросов и решения их в правовом поле данный источник дистрибутивов рассматривается как единственный.
Де факто автор может заявлять совместимость и с разными сборками на основе опенкарт. Но с юридической точки зрения статус таких сборок никак не определен, а потому нет возможности определить их "официальность" и "правильность".
Различные сборки на основе опенкарт формально не могут являться официальными дистрибутивами. На данный момент, например, дистрибутивы ocstore не доступны для скачивания гражданам и организациям РФ и РБ, сайт и форум этой сборки недоступны из РФ, другими словами, предприняты шаги хозяевами указанной сборки для невозможности использования данной сборки в РФ, поэтому автор модуля не имеет возможности следить за изменениями в данной сборке. Фактически до версии ocstore 3.0.3.7 автор модуля обеспечивал совместимость всех своих модулей с данной сборкой.
На Ретина-дисплеях можно улучшить качество.
Но тут без модернизации шаблона сайта не обойтись никак.
Потому, что отдавать нужно будет разные картинки в зависимости от возможностей железа (экрана).
Компрессор может создавать нужные изображения для Ретина и т.п.
Но отдавать их все равно нужно в шаблоне. без его правки невозможно ничего нормально сделать.
Теоретически можно костыльными методами организовать отдачу, например, через JS. Но тут уже гугл начнет ругаться, что, мол, медленно стал работать сайт из-за JS, а потому снизит оценку сайта в pageSpeed.
Организовано полное взаимодействие с двумя популярными модулями выгрузки в яндекс-маркет.
Не забудьте после обновления модуля обновить кеш OCMOD.
Я только одно не понял - если у меня на сайте уже есть фотографии, то после того как я сожму их модулем названия, фотографий останутся без изменений?
А вам как нужно?
Можно оставить прежние названия, так по умолчанию и работает.
А можно при желании задать настройку так, что названия будут иные (ничего не говорящие) и по ним невозможно будет вычислить исходники, это защита от скачивания исходников.
Сейчас на сайте 10 гб ранее загруженных картинок + в ближайшее время будем ещё добавлять товары и соответственно картинки тоже.
Т.е. мне нужно сжать имеющиеся фотографии которые находятся не только в кеше, но и вне кеша - это важно. Я просто видел какой-то модуль где происходит сжатие фотографий только из кеша, а те которые вне кеша оставляет без сжатия - поэтому этот вопрос уточняю.
Названия, конечно, хочу оставить оригинальные, чтобы не изменялись.
И по водяному знаку - у меня шаблон TechStore - скорее всего модуль нужно адаптировать под шаблон - как быть?)
Компрессор совместим с 99% шаблонов прямо из коробки.
Есть один шаблон, в котором просто нужно поставить верные настройки.
Не думаю, что в вашем шаблоне есть что-то необычное.
Продаж уже далеко за 300. И шаблоны видел всякие и разные. Случаев адаптации за все время было меньше чем пальцев на одной руке. В основном с шаблонами это не было связано, а с перепиленным движком. Впрочем, я никому не отказываю в доработке под конкретные нужды. В том числе могу вносить заказной функционал, которого нет в модуле. Обычно это стоит чисто символически 1000 -2000 руб.
Также с помощью админ-бара для изображений можно сжимать и другие изображения не из кеша, но которые отображаются в браузере.
Смысл сжимать изображения-исходники, которые не видны извне? Только чтобы сэкономить дисковое пространство?
Так оно копейки стоит по сравнению с нагрузкой, которая будет создана при таком сжатии, т. к. часто вижу исходники 6000*4000 или 4000*3000. тут не сжимать надо, а геометрический размер преобразовывать, вот тогда и вес снизится.
Прошу не забывать, что сжатие - это затратная по ресурсам операция. Если у вас VDS достаточной мощности, то вы можете позволить себе обрабатывать тяжелую графику в пакетном режиме многие часы без перерыва. Но если у вас дешевый обычный хостинг за 100 руб., то вашему хостеру банально может не понравится нагрузка, которую вы создаете.
Поэтому здраво оценивайте возможности вашей хост-площадки. Большинство хостингов не предназначено для постоянных тяжелых работ с графикой. Все же они мощностями не для фотошопа обеспечены.
Сейчас в новой версии Компрессора будет встроенный плагин для работы по сжатию в фоновом режиме. Это позволит равномерно распределить нагрузку на ресурсы слабой хост-площадки. Т. е. изображения в кеше будут сжиматься постепенно и автоматически. В принципе этот плагин способен сжимать и изображения в папке исходников.
Но, повторюсь, Компрессор и сейчас умеет сжимать исходники, которые отображены в браузере. Например, на вкладке сервис есть возможность сжать все изображения ваших шаблонов и скриптов JS. На странице многие исходники также умеет сжимать.
Но!)) Как я могу оценить здраво, или не здраво, возможности хостинга? У нас на данный момент хостинг 20 GB - платим $ 10.05 в месяц (хост nano.lv). И вот как понять понравится ли моему хостеру нагрузка я увы не знаю. Почти каждый день парсим товары у поставщиков - на это дело хостинг пока что не буксовал.)
VPS в будущем. Надо сперва нужно на него заработать )
В общем, у меня размеры исходников картинок на 90% до 1500рх. Я вручную через онлайн компрессор сжимал картинки - в результате картинка уменьшается в три-четыре раза. Если я все исходники сожму, то хорошо сэкономлю место на хостинге - это для нас тоже важно) Поэтому для нас важно не только то, что в кеше, но и исходники тоже хотим оптимизировать))
Поэтому ещё уточню по сжатию исходников - вашим модулем сжать их можно?))
Заранее спасибо!
Это стоимость VDS с 40 Гиг (как минимум) пространства на SSD и мощностью 2*2.5 ГГц и 2 Гбайт памяти. Плюс еще и резервное копирование сюда будет включено.
Цены на VDS в Европе я неплохо знаю. Выше показал расценки на московской площадке, на европейской обычно еще ниже. Поэтому я в некотором недоумении.
" в результате картинка уменьшается в три-четыре раза". Такого в принципе быть не может. Вес может уменьшиться в среднем на 40%. Отдельные картинки могут стать легче на 50%, но средний выигрыш на уровне не выше 30%...40%.
Даже гугл с его супертехнологиями не в состоянии сделать большего. Только у гугла есть на сегодня самый продвинутый алгоритм, который сжимает максимально, но работает он на порядки дольше того же mozjpeg, а дополнительный выигрыш лежит в пределах 3%...10%, что никак не оправдывает затраты времени в несколько раз большие.
Иначе мне сложно представить, что у вас за исходники. Я думаю, что при установленных 350-ти копиях модуля Компрессор уже все повидал.
На обычном хостинге вас хостер попросит прекратить "повышенную нагрузку". Нельзя сравнивать парсинг и сжатие. Сжатие - очень затратная операция.
А вот их тарифы VPS
Судя по вашему удивлению я так понял что это дорого?)) Если есть что-то европейское более приемлемое по цене и качеству, скиньте пожалуйста ссылки - буду очень благодарен!
С картинками, то я ошибся - это я в фотошопе оптимизировал, а не в гугле - сорри)
А модуль ваш мы купим, только с парсингом сейчас закончим.
пример:
https://www.hetzner.com/cloud-ru
https://ispserver.com/vps
https://firstvds.ru/products/vds_vps_hosting#__hdd_ssd__virtualization_kvm
Виртуализацию VDS нужно рассматривать только аппаратную (kvm и т.п.), всякие OpenVZ обходить стороной.
Ни с одним из перечисленных хостеров у меня проблем не было. ispserver имеют сервера в Германии в том числе. Постоянно работаю не первый год с ними.
https://www.digitalocean.com/products/linux-distribution/centos/
здесь (Голландия) весьма интересные цены. Знаю по отзывам заказчиков.
У них за $10 получите 50 Г диска. И это VDS!
А за 15-20 у них просто шикарный выбор VDS!
При низких ценах трафик у них лимитирован. Но нужна бешенная популярность сайта чтобы его превысить.
В Европе есть отличный выбор!
Смогу полностью установить с нуля и настроить сервер/ VDS на максимальную производительность.
Вы та самая обиженная Марина, которая купила модуль, получила бесплатную установку и настройку, а потом когда автор
сделал "черную пятницу" и снизил цену на свой модуль (имеет право)
набрались наглости требовать "компенсации"? Мое "хамство" заключалось в
отказе вам в такой компенсации, ибо границы вашей наглости дошли до
того, что вы стали требовать "хотя бы" (это ваши слова) подарить вам
другой модуль за 1000 руб в качестве моральной компенсации за то что вы
купили модуль до "черной пятницы". Понимаю как вам сейчас "тяжело", я
же опять устроил "черную пятницу".
По поводу "не оказывает поддержку". Вы лжете, дамочка. Мне не составит никаких проблем это
доказать. Достаточно показать переписку с вами.
"Прошу вас больше не беспокоить меня не прочитав даже пояснения к параметрам настройки", "Прошу вас заметить, что то, что я сейчас делаю для вас - это моя добрая воля, а не обязанность.", "у вас совесть есть?, "Я вам все настроил и объяснил даже то, что не обязан объяснять из-за вашей лени прочитать даже пояснения к пунктам настройки. Мадам, я был терпелив, но все имеет свои границы. Если еще раз напишите в истеричном духе, то я вам ничего отвечать не буду. И, да, вы мне должны деньги, т. к. цена модуля повысилась. Вы меня обнули! Как вам такой тон, мадам? Всего вам доброго, надеюсь, что больше не придется с вами общаться ибо желания и повода нет."
Замечу, что оплата была 31.05, а модуль наконец то был установлен и настроен 8.06. после долгой и нервной переписки с автором, кучи потраченного времени и нервов. Стоимость меняется постоянно, об этом уже был отзыв ранее другого покупателя, здесь "черная пятница" не при чем, эта черная пятница длится и по сей день))) Я просто написала отзыв, имею право, такое же как и Вы, уважаемый. Ваш модуль сконфликтовал после установки с другим модулем на сайте, соответственно писать Вам в тех. поддержку после ваших ответов не вижу смысла, ибо поддержку вы отказываетесь предоставлять. И прошу заметить, я просила вернуть деньги и убрать ваш модуль только после ответов о том, чтобы Вас, уважаемый, я более не беспокоила, а не из-за его стоимости. А модуль с такой "чудесной" поддержкой мне не нужен. Другие авторы модулей всегда спокойно отвечают и оказывают заявленную поддержку в полном объеме, в отличии от вас.
Модуль был установлен 01.06. Вот скриншот с отчетом по показателям Гугла.
http://dl4.joxi.net/drive/2018/09/10/0011/3107/740387/87/cef0ebed57.jpg
это мой отчет 1-го июня.
Показатели гугла поднялись с 28 до 93 за счет успешного сжатия изображений.
Зачем вы лжете про "я оплатила модуль за 2 т.р., а на следующий день он стал стоить 400 р"?
490 рэ он стал стоить спустя три месяца как вы его купили. Понимаю, что ваша ЖАБА заставила вас написать именно сейчас.
За установку вы ничего не платили. Вам она досталась бесплатно. Просто моя добрая воля.
Вы: "все сделала, но изображение не появилось"
Автор: "Вы в курсе, что такое кеш браузера и что он кеширует изображения?
Смотреть нужно после очистки кеша (ctrl+F5).
Я не вижу никаких проблем в этой категории.
Абсолютно все товары из этой категории с водяным знаком.
Пожалуйста, изучите основы работы с браузером (немного больше начального уровня) чтобы не возникало таких вопросов. "
Вы: "Да, Вы правы, логотип в категории товаров появился при очистке Кэш. Но я писала еще, что логотип виден только в списке товаров"
Вы: "И теперь Вы поменяли стоимость модуля в 2 раза, как то нечестно и обидно"
Автор: "вам сложно проверить настройки, для которых есть все подсказки?"
Далее на скриншотах показываю вам куда обратить нужно ваше внимание.
Вы настраиваете наложение водяного знака именно так как считаете нужным и именно на те картинки, которые считаете нужными. Каждый параметр настройки водяного знака тщательно описан. Но вы же не читаете...
И при этом вы не дали мне абсолютно никакого задания по наложению водяного знака. Поэтому водяной знак накладывался с параметрами по дефолту, которые при желании вы могли изменить.
Вы мне свои желания по настройке водяного знака НИКАК НЕ ОЗВУЧИЛИ.
Далее от вас поперли необоснованные претензии.
Вы: "Извините, но я оплатила модуль с установкой, а установка была неполная, это ваше упущение. Причем оплатила в 3 раза дороже, чем сейчас вы цену выставляете и еще не хотите поддержку оказывать? Тогда мне такой модуль без поддержки не нужен, удаляйте и возвращайте деньги! "
Автор: "Установка вам была предложена бесплатно как бонус, как жест доброй воли. Ничего отдельно вы не оплачивали. И, заметьте, что установка произведена и модуль работает."
Автор: " Я вам все настроил и объяснил даже то, что не обязан объяснять из-за вашей лени прочитать даже пояснения к пунктам настройки.
Мадам, я был терпелив, но все имеет свои границы. Если еще раз напишите в истеричном духе, то я вам ничего отвечать не буду."
А теперь кто-то скажет, что я вам хамил?
Вы же,мадам, устроили скандал на пустом месте.
На момент установки модуля и его тестирования мною и вами аж в течение недели никаких конфликтов с другими модулями никем не было отмечено.
Если вы не пожелали обратиться к автору с проблемой ни в личной переписке, ни на форуме, то это ваш выбор. Значит, вам не нужна поддержка.
Отсюда можно сделать лишь один вывод: либо проблемы вовсе не было, либо она не была связана с модулем.
В решении вопросов не отказывал еще никому, ДАЖЕ ВАМ. К вам у меня было лишь условие: писать без истерик.
Инструкция есть в самом модуле. Каждый пункт не только подписан, но имеет пояснение.
Вот я же вам давал скриншот:
И любезно продемонстрировал на другом скриншоте параметры вашего изображения:
И показал параметры, которые у вас установлены были:
Т. е. объяснил вам по максимуму как настраивать. И вы называете это "не оказывает поддержки"? Интересно, а как называется предоставление вам индивидуального руководства к действию в картинках при том, что все пункты настроек расписаны в самом модуле?
Может быть стоит не давать говорить за вас вашей Жабе и проблем не будет тогда?