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

[sitecreator]

12 часов назад, ulmaksit сказал:

при загрузке компрессора выходит ошибка 

 

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

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

В описании все указано.

.

Инструкция по установке и настройке

 

[sitecreator]

Я нашел одну (две...) картинку, которую Компрессор не переводит в WEBP, почему?

Какие символы в адресе картинки URI/URL модуль Компрессор воспринимает как верные (валидные), а на какие не реагирует?
Это к вопросу

а почему модуль картинку

Код:

Doska заборнаяMPK,281,29.jpg

 

не преобразовал в WEBP?

Потому, что символы пробела, запятой и кириллица в принципе не должны быть в URI/URL. Эти символы могут быть в названии файла при использовании их внутри ОС Linux, Windows, но не могут быть в URI/URL согласно стандарту RFC3986. Согласно стандарту кроме латинских букв и цифр могут быть еще только следующие знаки в названии файла, передаваемом в URL :

Код:

- _ . ~

 

Все остальные символы URL (вроде той же кириллицы, арабской вязи и т.д. и т.п.) в названии файла (папки) должны быть обязательно закодированы. Процентно-кодированный символ представляет из себя символьный триплет, состоящий из знака "%" и следующих за ним двух шестнадцатеричных чисел.
Спецсимволы вроде : & ? и т.п. используются в URI/URL для специальных целей.

Вот так должно выглядеть название файла Doska заборнаяMPK,281,29.jpg в URI/URL:

Код:

Doska%2520%D0%B7%D0%B0%D0%B1%D0%BE%D1%80%D0%BD%D0%B0%D1%8FMPK%252C281%252C29.jpg

 

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

Движок Opencart использует для кодирования "неправильных" символов функцию rawurlencode, которая как раз работает по стандарту RFC3986. Откуда тогда берутся на странице невалидные URI/URL (ссылки)? Из-за ошибок, когда ухитряются непонятными способами все же разместить в итоговом коде такие запрещенные стандартом URI/URL. Почему же браузер показывает изображения по таким неверным ссылкам? Потому, что браузеры научились исправлять многие ошибки, причем, даже нередко очень грубые ошибки. Но верно исправить ошибку браузер может не всегда и не везде, да и не любой браузер.
 

ВАЖНО IMPORTANT

Модуль Компрессор во избежании непредвиденных ситуаций не пытается обработать изображения со странными URL. Потому, что таких URL в исправном движке Opencart в принципе не должно быть.

Конечно, ничто не мешает пользователю руками вбить в код HTML какую-угодно ссылку. Но, как минимум, сам движок при обработке изображений дает для них валидный URL. Движок Opencart всегда работает по стандарту RFC3986. Модуль Компрессор тоже работает в полном соответствии с этим стандартом. Попытка обработки невалидных (не соответствующих стандарту) ссылок на изображения может привести к непредсказуемым коллизиям, глюкам и багам, а потому такая обработка не производится, сами невалидные ссылки не приветствуются, но и не мешают нормальной работе Компрессора, нестандартные ссылки просто игнорируются. Все это сделано ради повышения общего уровня надежности и стабильности работы сайта.

ИТОГ. Для внутреннего использования внутри операционной системы название файла может содержать самые разные символы, буквы различных алфавитов и определенные специальные символы. Но для внешнего использования (когда веб-сервер передает информацию в браузер) URL, в котором будут представлены подобные названия файлов, определенным образом кодируется.

[malinator]

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

1) вашим модулем создаются файлы типа /system/storage/cache/cache.brand_data.737406703.1588930553?

2) при отключении модуля на закладке Сервис, он в принципе полностью отключается из работы? (т.е., он не только не оптимизирует при этом, но и весь его код не пересекается ни с чем движковым)?

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

[sitecreator]

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

1) вашим модулем создаются файлы типа /system/storage/cache/cache.brand_data.737406703.1588930553?

 

нет

 

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

2) при отключении модуля на закладке Сервис, он в принципе полностью отключается из работы?

 

полностью. админка модуля не влияет ни на что. на front он полностью отключен при этом, а для админки он не работает даже во включенном состоянии.

 

Инструкция по установке и настройке

 

Конкретно про ваш сайт можете писать в личку.

 

Есть множество факторов, которые влияют на показатели pagespeed.

 

смотрите на этот счет FAQ

 

FAQ для Компрессора

 

Для комплексной оптимизации есть это:

 

 

[sitecreator]

Версия 2.1.21

улучшена совместность с хостингами, на которых запрещены функции exec и т.д.

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

[sitecreator]

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

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

 

Некоторые сайты просели в оценке, некоторые - наоборот.

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

 

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

 

 

 

[sitecreator]

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

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

 

 

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

поднимал с 26 баллов.

 

гугл, правда, сейчас перегружен, что неудивительно (второй день живет с новым алгоритмом),  поэтому иногда не отвечает гугл.

но всегда доступен сейчас:

https://lh6.loading.express

 

тот же

Lighthouse 6

 

 

Спойлер

 

[sitecreator]

Не забывайте настраивать время жизни кеша для формата webp.

Иначе гугл будет неодобрительно реагировать на это.

 

Если у вас сервер (vds), то это обычно настраивается в конфиге nginx.

Модуль по мере возможностей делает свой конфигурационный файл (.htaccess) для Апачи если у вас именно Апачи отвечает за вывод webp.

 

На общем хостинге внесите в "статические файлы" формат webp наряду с jpg, png.   Чтобы использовать кеширование webp в том числе, обычно вся статика кешируется браузером.

 

Пожалуйста, не забывайте про этот важный момент!

 

Вот так не должно быть, иначе гугл занизит оценку в итоге:

 

 

 

 

Вы можете увидеть, что кеширование работает для вашего webp если откроете панель инструментов в браузере. ctrl+shift+I.

 

В примере видно, что кеширование задано длиною в месяц для webp.

 

 

[sitecreator]

Версия 2.1.22

улучшена совместность с опенкарт версии 2.0.0 и с Турбой для 2.3,

улучшен lazy load, добавлено асинхронное декодирование изображений.

[yastman]

Добрый день,переехал на шаблон Feelmart c лайтшопа,обнаружил один баг,написал вам в лс.

[yastman]

UPD: Последняя версия модуля с шаблоном Feelmart работает отлично!Автору спасибо за быструю поддержку.

[Naxor]

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

 

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

 

 

[sitecreator]

12 часов назад, Naxor сказал:

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

 

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

 

Становится размытым, судя по вашему скриншоту, вы это имеете ввиду.

Модуль Компрессор позволяет вам полностью контролировать качество. Лучшего контроля вы не найдете, да и для web его уже выше и не может быть.

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

 

Вы верно поступили, что для четкого текста выбрали формат png. Хоть и jpeg позволяет часто получить качество не хуже.

 

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

И для сжатого формата webp находили оптимальные параметры чтобы и качество не страдало, и вес не был бы излишним.

[sitecreator]

По поводу нативного lazy load и якобы, что оно "не работает".

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

В FireFox отлично видно как это работает.

 

Под спойлером или по ссылке мультфильм, показывающий работу нативного lazy load в FireFox .

В Хроме это также работает, но Хром сам определяет (в зависимости от скорости соединения)  когда и в каком объеме подгружать изображения в случае установок lazy load.  Если скорость соединения высокая, то Хром может загрузить большинство картинок не дожидаясь когда они попадут в область просмотра  - таков интеллектуальный алгоритм Хрома.

 

FireFox явно указывает инициатора загрузки: lazy-img.

Хром в таком случае указывает: Other.

Все это видно если открыты инструменты разработчика.

 

В обоих браузерах можно увидеть визуально как меняется счетчик запросов по мере работы azy load

 

 

 

 

 

 

 

https://i.imgur.com/4xvdHX2.mp4

 

Спойлер

 

[asz]

Добрый день! напишите, пжл, в личку какая спец цена для разработчика? есть ли скидка на покупку двух лицензий? есть ли возможность привязать к тестовому сайта вида test.name.com ? чтобы сразу на основу не грузить (проект рабочий, нельзя ронять)

[Reanimaster]

Добрый день. После установки и настройки плагина, PageSpeed показывает новую ошибку.
Избегайте API document.write()

[sitecreator]

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

Избегайте API document.write()

 

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

 

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

Включить СОВМЕСТИМОСТЬ с любым кеширующим страницы (HTML) УСКОРИТЕЛЕМ!

 

Ее нужно включать только в случае крайней необходимости.  Кеширующие ускорители вроде jetcache (любая версия), turbo, nitropack (версии 2.5) не требуют включения данной опции.  В случае Лайтинга включить необходимо, но это вынужденная мера.  

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

 

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

 

Опция

"Включить СОВМЕСТИМОСТЬ с любым кеширующим страницы (HTML) УСКОРИТЕЛЕМ!"   вообще не нужна если нет кеширующего ускорителя, не нужна она в случае приведенных выше ускорителей.   Ее включение несколько снижает потенциал модуля Компрессор,  и если без нее можно обойтись, то включать ее не нужно.

[Reanimaster]

11 часов назад, sitecreator сказал:

Ее нужно включать только в случае крайней необходимости.

Понял. Спасибо. 
Подскажите, ваш модуль HiOptimizer, я так понимаю отпимизатор/кешировщик.
С ним нормально все будет работать?

 

P.S.

У меня Лайтинг))
Я не бездумно все включаю.

Змінено 20 липня 2020 користувачем Reanimaster

[sitecreator]

22 часа назад, Reanimaster сказал:

У меня Лайтинг))

 

в вашем случае document.write - необходимость.

 

22 часа назад, Reanimaster сказал:

овщик.

 

22 часа назад, Reanimaster сказал:

HiOptimizer, я так понимаю отпимизатор/кешировщик.

 

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

Клиентская часть - это программы, которые работают на стороне клиента, т..е. в браузере смартфона, ПК и т.п.

 

Серверная часть отвечает только за скорость отдачи страницы,   далее все происходит на клиентской стороне, и оценка гугла, как минимум, на 90% строится именно на скорости работы клиентской части сайта  при условии, что страница отдается сервером не более чем за 1 сек.   Если страница отдается сервером за 0.5 сек или быстрее, то оценка гугла уже будет на 99% строиться на основе скорости работы клиентской части.

 

Мои модули дружат между собой.  С Лайтингом тоже дружат, но при правильной настройке.  В случае неправильной могут быть конфликты.

[flaero]

@sitecreator  посмотрите пожалуйста личные сообщения - у меня какой то конфликт между вашими модулями и джеткешем.

[Vishnveiys]

Ответьте в личных сообщениях. Еще в пятницу написал! Вы сайт сделали или нет?

[davyduck]

Добрый день!

на вкладке сервис (кнопки Установка / удаление серверного софта нажимал) 

Notice: imagick/ImageMagick not found

BAD: (missing) function php proc_open

BAD: (missing) function php proc_close

BAD JPEG SUPERcompressing: MOZJPEG not found

BAD: OPTIPNG not found

 

В чем может быть проблема?

 

так же при включеном модификаторе (вывод webP)  картинки стают такими (кликнуть по кратинке нельзя, лишь по полоске над картинкой). 

 

Змінено 23 липня 2020 користувачем davyduck

[sitecreator]

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

В чем может быть проблема?

 

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

В этом:

 

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

BAD: (missing) function php proc_open

BAD: (missing) function php proc_close

 

включите у хостера эти функции.

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

Или, еще один вариант, устанавливайте cwebp и используйте режим создания webp по расписанию (cron), этот вариант годится для случая когда у хостера нет других возможностей, но cron есть у любого хостера.

 

В самом модуле есть все необходимые тесты различных движков webp, в инструкции все есть.

 

[davyduck]

6 часов назад, sitecreator сказал:

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

 

Благодарю, функции хостер отказался включать. Сделал через GD все заработало, осталась проблема (жму на картинку - она не величивается, надо нажать на получившеюся полоску над картинкой. Отключаю модуль все окей. ссылка https://karchershop-ac.com/kupit-pylesos-karcher-vc-2-premium.html

[davyduck]

Ещё, если включаю модуль

Сайт начинает отдавать ошибку 500. Понимаю что хостер у моего заказчика не самый лучший, но может можно что-то сделать?