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

[sitecreator]

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

АМП

 

Я закладывал совместимость с вариантом AMP, который рекомендует гугл.

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

Подстроиться под каждый нестандартный и неожиданный вариант сложно.

 

поэтому есть способы решения вопроса:

 

1) заказать разработку (доработку) под ваши конкретные требования, можете обращаться если готовы оплатить работу,

2) перейти на стандарт для amp, который предлагает гугл в своих примерах, в таком случае нет проблем,

3) отказаться совсем от идеи использования webp,

4) просто отключить вывод webp за счет модуля (отключается в админке модуля) и делать это средствами сервера (возможно на VDS)

 

У вас есть выбор.

 

[sergroko]

Можно цену для п.1 (можно в приват).

У меня корпоративный сайт, все затраты нужно бюджетировать.

[sitecreator]

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

Можно цену для п.1 (можно в приват).

 

Пишите в личку.

 

[sitecreator]

Правильный менеджер изображений.

True File Manager by sitecreator.

 

Пожелания и задания по работе с изображениями приветствуются!

 

 

[yastman]

Добрый вечер. Заметил, что в Шаблоне lightshop в карточке товара отсутствует функция lazyload, на главной, в категории данная функция работает. 

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

Змінено 25 липня 2019 користувачем yastman

[sitecreator]

@yastman , добрый.

Если zoom, например, реализован слишком нестандартно и картинки загружаются хитрым образом через JS, то тут иногда сложно встроить lazy load.

 

у вас работает lazy load.

 

https://bolyar.com.ua/zhenskoe-platya-grandua-67709

 

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

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

 

Проблема в этом (особенность шаблона):

 

 

 

 

Неправильно организована карусель.

 

Заметьте, что, например, в стандартном Опенкарт карусели (включая баннер на главной) сделаны правильно, а потому для них без проблем работает lazy load.

У вас тоже работает и визуальных проблем нет, но есть просто особенность.

[LionHunter]

@sitecreator Новость от Гугла подоспела: 
Теперь поисковые оптимизаторы имеют возможность использовать на сайтах новый атрибут loading для ускорения загрузки страниц. Главное в следующем — изображение, к которым применяется атрибут loading, подлежат индексации поисковой системой.
Ранее для реализации ленивой загрузки на практике требовалось использовать сторонние решения.
Источник - https://ru.megaindex.com/blog/lazy-loading-seo

[sitecreator]

5 часов назад, LionHunter сказал:

Теперь поисковые оптимизаторы имеют возможность использовать на сайтах новый атрибут loading

 

Это пока не очень то актуально.

Тем более, что это лишь заявление о намерениях, т.е. реально этого просто нигде еще нет.
 

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

 

Цитата

Точнее будет поддерживаться, но в будущей версии движка. Google заявляет, что поддержка будет реализована

 

 

WEBP реально появился почти 10 лет назад, тогда тоже говорилось, что "имеют возможность использовать", а на деле мы этим воспользовались лишь спустя 10 лет. Но Apple для своих операционок до сих пор запрещает использование WEBP  (и массу других продвинутых технических решений), даже порой приходится удивляться как велик миф про то, что самое лучшее - только от Apple. 

 

В качестве минусов классического lazy load указывают:

 

Цитата

Не поддерживается индексация поисковой системой.

 

Отчасти спорное и отчасти лукавое утверждение.

Поскольку интеллекта поисковых систем достаточно чтобы проиндексировать атрибут data-src, а именно он отвечает за ссылку на подгружаемое изображение.

 

В паре с webp lazy load усложняется. Вот тут, действительно, нужно позаботиться об индексации.

Но в модуле Компрессор изначально все продумано до мелочей, в том числе есть и это:

 

 

 

 

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

Так что пока это из области "как все будет хорошо".... но потом.

 

[chukcha]

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

Это пока не очень то актуально.

Здесь вопрос не об актуальности атрибута

т.е. eager или lazy - в принципе лежит на разработчике
Но это сигнал для ПС

Кроме того, значение атрибута должно зависеть от полосы(скорости) коннекта. И браузер сам должен определять какое значение атрибута ему использовать.. А вот может ли сервер определить скорость коннекта пользователя?

[chukcha]

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

Поскольку интеллекта поисковых систем достаточно чтобы проиндексировать атрибут data-src,

интеллект есть  - ума нет

[EkaterinaSheremeteva]

Добрый день!

 

я правильно понимаю, что без данного модуля изображения в формате webp opencart не отображает?

у меня были сконвертированы баннеры и после конвертации на сайте просто пустые белые картинки.

 

спасиьо!

[sitecreator]

В 30.07.2019 в 08:11, EkaterinaSheremeteva сказал:

я правильно понимаю, что без данного модуля изображения в формате webp opencart не отображает?

 

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

Правильно понимаете.

 

В 30.07.2019 в 08:11, EkaterinaSheremeteva сказал:

у меня были сконвертированы баннеры и после конвертации на сайте просто пустые белые картинки.

 

Ставьте модуль Компрессор и будет все как надо. Хоть в новых браузерах, хоть в старых - в любых.

[sitecreator]

Подготовил релиз 1.17.0.

В скором времени будет доступно для скачивания.

Lazy Load теперь работает для любых браузеров.

Как для WEBP, так и для JPEG, PNG.

Вы просили сделать это - я проделал работу для вас.

 

Самый продвинутый и быстрый Lazy Load.  Т.к. ни один браузер не остается без картинок.

Прекрасно работает при динамическом изменении страницы (подгрузка кнопкой "показать еще" и т.п.)

 

Можете пока протестировать здесь:

http://watermark.sitecreator.pro/index.php?route=product/category&path=20

 

 

Гугл положительно оценивает производительность работы Lazy Load by Sitecreator.

 

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

 

 

[sitecreator]

Сегодня видел на сайте картинку фона шириной... 6000 пикселей!!!

 

Дизайнеры-верстальщики, как говорится, "отжигают".

Интересно, а на какой монитор это рассчитано?

И ведь загружают ее для экрана смартфона тоже.

 

Это тот случай когда хоть в 5 раз сожми (за счет webp, например), то все равно будет много.

 

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

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

Ну как же без травки то в 6000 пикс в футере, дизайнеры-верстальщики?

 

[nykivanvas]

Добрый день! Скажите пожалуйста, в чем может быть проблема, что не генерируются webp изображения в админке? 

[sitecreator]

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

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

 

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

 

В админке webp не должен показываться - в этом нет смысла.

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

 

Тестируйте сперва на тестовом сайте на движке в дефолтном состоянии.

 

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

Используйте свежую версию модуля в любом случае.

 

 

[nykivanvas]

16 годин назад, sitecreator сказав:

 

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

 

В админке webp не должен показываться - в этом нет смысла.

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

 

Тестируйте сперва на тестовом сайте на движке в дефолтном состоянии.

 

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

Используйте свежую версию модуля в любом случае.

 

 

Разобрался. Спасибо! Были проблемы с конфигурацией nginx.

PS. В предыдущих версиях модуля, webp формировались и в админке (хоть это и не имеет смысла).

[sitecreator]

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

В предыдущих версиях модуля, webp формировались и в админке (хоть это и не имеет смысла).

 

потому и убрано

[yastman]

Добрый вечер! Не подскажите , когда выпуск 1.17 планируете ? 

 

И вопрос номер 2:

загружаю товары через yml вместе с изображениями. 

В последнем поставщике обратил внимание , что все фото этого поставщика немного замыленные 

пример на моем сайте 

https://bolyar.com.ua/zhenskaya-kurtka-allposa-78858

пример на сайте поставщика:

https://allposa.com/ru/kupit-zhenskiye-kurtki-optom/793-kurtka-nebraska.html

 

с другими поставщиками все ок. 

 

Не могу понять в чем проблема?

 

Upd 

Yml ссылка 

 

https://allposa.com/modules/yandexymlexport/export/1/export.xml

 

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

[chukcha]

58 минут назад, yastman сказал:

Добрый вечер! Не подскажите , когда выпуск 1.17 планируете ? 

 

И вопрос номер 2:

загружаю товары через yml вместе с изображениями. 

В последнем поставщике обратил внимание , что все фото этого поставщика немного замыленные 

пример на моем сайте 

https://bolyar.com.ua/zhenskaya-kurtka-allposa-78858

 

пример на сайте поставщика:

https://allposa.com/ru/kupit-zhenskiye-kurtki-optom/793-kurtka-nebraska.html

 

с другими поставщиками все ок. 

 

Не могу понять в чем проблема?

 

 

у вас 40,72 КБ (41 696 байтов)
у них 902,1 КБ (923 755 байтов)

Почувствуйте разницу


А ві вот откройете в браузере

 

 

[HyperLabTeam]

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

что все фото этого поставщика немного замыленные

http://prntscr.com/ozbebr

да норм они у них
https://allposa.r.worldssl.net/1976-thickbox_default/kurtka-nebraska.jpg

[sitecreator]

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

Не могу понять в чем проблема?

 

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

я вам легко подскажу.

вот ваш исходник. его размер:

 

 

 

а вот ваше конечное изображение:

 

 

 

 

Здесь дело вовсе не в весе файла.

 

Вы пытаетесь из маленькой картинки сделать большую и при этом удивляетесь, что четкость ухудшилась?

У вас исходник по каждой стороне меньше в 1.6 раза.

Ставьте нормальный исходник или включайте опцию "не увеличивать сверх размера оригинала" в Компрессоре.

 

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

Не подскажите , когда выпуск 1.17 планируете ? 

 

Она готова. Просто руки пока не доходят залить на сервер. Немного позже.

[gregoro]

Обновил модуль и охренел) Настроек over дохера и оочень много текста.

 

Что ставить-то по итогу?  

 

 Как я понимаю WEBP - самый нормальный вариант. Верно?

 

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

[sitecreator]

30 минут назад, gregoro сказал:

Как я понимаю WEBP - самый нормальный вариант. Верно?

 

Это самый лучший вариант. И при его наличии остальное не очень то и нужно, лучше не включать другое сжатие.

Создается WEBP очень быстро даже "на лету".

 

33 минуты назад, gregoro сказал:

Тогда почему куча предупреждений, под которыми чуть ли не кровью подписываться надо, про другие форматы

 

потому что люди часто не думая ставят уровень "на максимум" для того же optipng.  а он создается по времени раз в 20 дольше чем WEBP.

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

[gregoro]

Понятно.

 

То есть включить WEBP, остальное можно смело отключить?

 

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

 

Самое желаемое/правильное действие выносится вперед. Остальное прячется под спойлеры/вниз списка/во второстепенные вкладки.

 

А то реально без бутылки не разберешься)