Jump to content

Recommended Posts

 

 

Помните историю про картинки-невидимки WEBP, которые создает GD для части картинок?

 

вот вам такая картинка после GD.

slojprizma-1-100x100.webp

 

вы ее увидите в FireFox, но не увидите в Хроме.

вот она просто ссылкой:

https://watermark.sitecreator.pro/img_test/webp/slojprizma-1-100x100.webp

 

Вот так это выглядит в Хроме:

 

sitecreator_ru_yyWbm8GBeq.jpg

 

В FireFox это выглядит так:

 

sitecreator_ru_YSLKrX6s5N.jpg

 

 

 

Начиная с версии 2.0.3 в модуле Компрессор устранена проблема картинок-невидимок, создаваемых графической библиотекой GD.

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

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

 

Но при прочих равных рекомендуется использовать cwebp или imagick для генерации WEBP.

В модуле вы можете выбирать движок (инструмент создания) webp сами.

 

sitecreator_ru_Yw8Bdbb5Bc.jpg

 

 
  •  

Share this post


Link to post
Share on other sites
В 06.06.2019 в 15:29, fanton123 сказал:

Как быть с фоном webp при конвертации из png? У меня черный получается.

 

в модуле Компрессор с этим нет проблем.

 

 

Share this post


Link to post
Share on other sites
В 20.05.2019 в 15:35, sebades сказал:

С них я попробовал jpeg 2000.

 

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

 

В 20.05.2019 в 15:35, sebades сказал:

Перевод всего в WEBP Только наделает вам проблем

 

Чтобы проблем не было нужно хорошо разбираться в этом вопросе.

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

 

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

Все учтено и все решено при максимальной скорости создания WEBP в коммерческом модуле:

 

https://opencartforum.com/files/file/4572-image-compressor-watermark-webp-lazy-load-etc-by-sitecreator/

 

Модуль совместим практически со всем, что используется.

Share this post


Link to post
Share on other sites
Posted (edited)
В 22.04.2019 в 12:44, OCappLab сказал:

Привел все в вид модификатора, ocmod получился вот такой.

На тестовом своем сайте проверял, все работает.

 

Все что было добавлено в index.php поместил в header.php.

 

Проверяйте, тестируйте.

 

UP: перезалил файл

 

UP: Работает на OpenCart 2.3, 3.0

 

UPPP: Возможно решение на Вашем сервере или хостинге не будет работать! УСТАНАВЛИВАТЬ ТОЛЬКО, КАК ТЕСТОВЫЙ ВАРИАНТ!!!

 

opencart_webp.ocmod.xml 4 \u043a\u0411 · 158 downloads

на 3 версии в админке фото битые, если перейти по ссылке картинки
почему-то такая ошибка выскакивает https://prnt.sc/r9yop4
по ходу он jpg файл считает png
как исправить?

Edited by kardinals

Share this post


Link to post
Share on other sites

Сам написал, сам отвечаю, убрал из модификатора, часть которая в добавляет строки для header.php в контроллере (админка)

Share this post


Link to post
Share on other sites
Posted (edited)

Костыль, но помогает избежать проблем с "черным изображением" 
 

$fpr=fopen($file, 'a+');
fwrite($fpr, chr(0x00));
fclose($fpr);

Рабочий модификатор

 

webp-gd-oc23.ocmod.xml

Edited by tsmax

Share this post


Link to post
Share on other sites
17 часов назад, tsmax сказал:

Костыль, но помогает избежать проблем с "черным изображением" 
 


$fpr=fopen($file, 'a+');
fwrite($fpr, chr(0x00));
fclose($fpr);

Рабочий модификатор

 

webp-gd-oc23.ocmod.xml 2 \u043a\u0411 · 1 download

 

У png фон с прозрачного меняется на черный

Share this post


Link to post
Share on other sites
В 13.03.2020 в 20:10, BAH0 сказал:

У png фон с прозрачного меняется на черный

кто-то смог решить для opencart 3? 

Share this post


Link to post
Share on other sites
В 06.12.2019 в 00:26, sitecreator сказал:

 

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

 

 

Чтобы проблем не было нужно хорошо разбираться в этом вопросе.

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

 

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

Все учтено и все решено при максимальной скорости создания WEBP в коммерческом модуле:

 

https://opencartforum.com/files/file/4572-image-compressor-watermark-webp-lazy-load-etc-by-sitecreator/

 

Модуль совместим практически со всем, что используется.

 

Никаких проблем не будет, если использовать правильные плагины. Даже в панель хостинга  заходить не нужно (только если директория создастся, конечно)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Similar Content

    • By sitecreator
      3 300.00 руб
      Скачать/Купить дополнение


      Hi-Optimizer for Opencart - интеллектуальный оптимизатор сайта для повышения скорости загрузки страниц и оценки pagespeed google
      Максимальное ускорение вашего сайта. Бесплатная настройка от автора.
      Бесплатное тестирование до 7 дней при получении тестового ключа по договоренности с автором.
      При этом (для теста) автор также бесплатно может установить и настроить модуль Hi-Optimizer.
       
      Совместим с opencart 1.5, 2.*.*, 3.0.*
      Совместим с opencart (ocstore) 1.5 также.

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

      Есть несколько автоматических режимов оптимизации 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 на вашем сервере (хостинге).
       
      Оптимизирует практически все, что загружается, работает и "крутится" в браузере пользователя. Особый упор сделан на оптимизацию работы программ (скриптов 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
       

       

       
       

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

       
       
       
      Добавил sitecreator Добавлено 10.04.2020 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+ Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 3.0
      2.3
      2.2
      2.1
      2.0
      1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 3.0
      2.3
      2.2
      2.1
      1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1 Обращение к серверу разработчика Нет Старая цена 0  
    • By mstkalenko
      Дополнение "Удаление файлов картинок вместе с товаром" позволяет удалять файлы изображений из папок в директории image/ относящиеся к удаляемому товару.
      Работоспособность проверялась на всех версиях Opencart и Ocstore.
      Установка 1.5.x
      Если у Вас нет vqmod, качаем тут и устанавливаем; Скопируйте содержимое папки upload в корень сайта. Установка 2.x и 3.x
      Устанавливаем ocmod как обычно через установщик Внимание! Если в магазине один и тот же файл изображения прикреплен к нескольким товарам, дополнение использовать не рекомендуется.
    • By mstkalenko
      Скачать/Купить дополнение


      Удаление файлов картинок вместе с товаром
      Дополнение "Удаление файлов картинок вместе с товаром" позволяет удалять файлы изображений из папок в директории image/ относящиеся к удаляемому товару.
      Работоспособность проверялась на всех версиях Opencart и Ocstore.
      Установка 1.5.x
      Если у Вас нет vqmod, качаем тут и устанавливаем; Скопируйте содержимое папки upload в корень сайта. Установка 2.x и 3.x
      Устанавливаем ocmod как обычно через установщик Внимание! Если в магазине один и тот же файл изображения прикреплен к нескольким товарам, дополнение использовать не рекомендуется.
      Добавил mstkalenko Добавлено 05.07.2014 Категория Прочее Системные требования Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика Старая цена  
    • By sitecreator
      УСЛУГА (работа):
      Оптимизация сайта на опенкарт 1.5, 2.* и 3.0
      В состав работ входит установка и настройка необходимого софта, включая разработки для оптимизации (модули) от
      @sitecreator
      Никакой код вашего сайта не правится без возможности отката изменений. Это гарантия того, что в случае любых сомнений (или просто ради теста) вы можете отключить оптимизированную версию сайта и вернуться к первоначальной.
       
      Разработчик уверен в результате и может предложить вам оптимизацию до ее оплаты с пробным периодом в 7 дней. Предложение может быть ограничено ввиду временного отсутствия свободного времени.
       
      тестовый сайт:
      https://hi-optimizer.sitecreator.pro/
      схема дефолтная, но с виджетами, счетчиками, картой, видео-вставкой.
      проверка показателей pagespeed для данного сайта:
      https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fhi-optimizer.sitecreator.pro%2F
       
      При отсутствии оптимизации данный сайт оценивается гуглом в 28 баллов. После оптимизации - 98...99 баллов для мобильных.
      Это не означает, что любой сайт можно вывести в зону 90+ баллов при малом бюджете (как в данной услуге). Но существенно поднять оценку можно.
      Вы можете заметить, что в списке моих работ  не все сайты достигли уровня в 90+ баллов.
       
       
      Работа производится с применением профессионального инструмента оптимизатора (Hi-Optimizer by SiteCreator):
       

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

       
      На дефолтном движке и дефолтной теме для мобильных такой результат можете получить как на скриншоте ниже. На других сайтах общий результат также будет зависеть от оптимизации скорости отдачи самой страницы и оптимизации изображений.
       
       
      Результат гарантируется!
       
      Оптимизация отклика сервера и скорости генерации сервером страниц (отдаваемый HTML) не входит в данную услугу. По оптимизации серверной части пользуйтесь другими услугами.
      Как правило, отклик страницы в 1 сек или быстрее не сильно влияет на возможность достижения высоких баллов по оценке Гугла. Т.е. в настоящее время гугл придает наибольшее значение в своей оценке именно оптимизации скриптов JavaScript, CSS, и меньше придает значение скорости отклика сервера, но все в разумных пределах, разумеется.
       
      Для разработчиков, оптимизаторов и др. девелоперов возможна индивидуальная скидка до 50%  от начальной стоимости. Да и просто тем, кто заказывает 2-й раз данную услугу также могу предложить скидку.
      За купоном на скидку, пожалуйста, обращайтесь в личку или на почту opencart@sitecreator.ru.
       

       
       
      Для работы используется профессиональный инструмент:
       
       

       
       
       
      Реальные сайты, на которых производилась оптимизация:
       

       

       

       

       

       
  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.