Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

Recommended Posts

Оптимизация и сжатие изображений OptiPic


Оптимизация и сжатие изображений OptiPic


Умная оптимизация изображений и конвертация в WebP на лету через OptiPic CDN.

 

Что делает OptiPic CDN при попытке запросить у него изображение:

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

Преобразование в Webp и сжатие изображений происходит в фоновом режиме и не замедляет открытие изображений в браузере.

Если оптимизированная версия еще не готова на момент запроса изображения, исходная версия возвращается без какой-либо обработки.

 

Зачем нужна оптимизация изображений на сайте:

  • Ускорение сайта.
  • Улучшение SEO.
  • Повышение конверсии.
  • Повышение показателей Google Pagespeed Insights.

 

Почему оптимизация изображений ускоряет работу вашего сайта?

 

Бесплатная поддержка и помощь по установке

Есть вопросы?

Здесь вы можете получить бесплатную поддержку и бесплатную помощь в настройке модуля.

 

Для получения дополнительной информации посетите официальный сайт OptiPic CDN.

 

Видео-инструкция по настройке модуля в админке OpenCart:
https://youtu.be/q4E2PGdF5Jw


  • Добавил
  • Добавлено
    20.03.2021
  • Категория
  • Системные требования
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    3.0
    2.3
    2.2
    2.1
    2.0
  • ocStore
    3.0
    2.3.0.2.4
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
  • Обращение к серверу разработчика
    Нет
  • Старая цена
    0

 

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Similar Content

    • By sitecreator
      3190 45
      Скачать/Купить дополнение


      Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator
      webp + lazy load + watermark + др. оптимизация изображений
      WEBP работает везде просто и надежно !
       
       
      Компрессор версии 2.1 для opencart 1.5, 2.* & 3.0
      Для использования на opencart 1.5.* должен быть сперва установлен vqmod (если он отсутствует), обычно в 95% он уже присутствует в движке.
       
      Ссылка на подробную документацию по установке:
       
       
      Гугл отмечает положительно в своем аудите выполнение рекомендаций по оптимизации изображений.
       

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

       
       

       
      Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде почти без всяких условий! Важно чтобы была ОС Linux 64 bit или Windows (это будет в 99.9% случаев)  В данном решении предусмотрено практически все, включая совместимость с ускорителями Jet Cache (изначально полная совместимость), Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость), Nitropack (см. примечание по версиям ниже). Остальные кешеры тоже поддерживаются полностью или частично, но с определенными условиями.
      WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
      Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
      Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux 64 бит и Windows. На любом обычном (общем) хостинге всегда работает одна из разновидностей Linux 64 бит. На ОС FreeBSD возможна работа с форматом webp если он поддерживается хотя бы одной графической библиотекой GD или imagick, но FreeBSD никогда не бывает на обычном хостинге и на VDS также никто не ставит FreeBSD за исключением крайне редких случаев. Linux 32 бит требует наличия 32-х битного софта mozjpeg, optipng, cwebp, такой софт не входит в состав модуля ввиду полной нецелесообразности, т.к. 32-х битные ОС не использует ни один хостер в качестве обычного хостинга и не предлагается хостерами для установки на VDS.
       
      Поддерживается любой современный браузер, способный отображать WEBP.
       
      Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на странице, и тем самым выполнить рекомендации Гугла.
       
      Модуль уникальный в своем роде, т.к. обеспечивает совместимый вывод WEBP для новых браузеров, а старым отдает соответственно jpeg, png , это справедливо почти всегда и в случае использования облачных технологий вроде cloudflare.  Но с одним условием, что сам CloudFlare (или оное облако-кешеровщик) настроен на корректную работу с webp и браузерами с поддержкой webp и без нее. Если облако вроде CloudFlare неверно настроено, то webp может появиться на страницах с заметным опозданием или работать не вполне корректно, можете в таком случае отключить временно или совсем CloudFlare. В случае решений (которые есть в сети), например, "созданных на коленке"  вы рискуете оставить пользователей Сафари (старых версий до июля 2020)  вообще без изображений при использовании того же cloudflare.
       
      Модуль Компрессор содержит набор различных возможностей, отчасти определенные возможности дублируют друг друга, например, есть поддержка нескольких вариантов сжатых изображений (mozjpeg, optipng, webp). Это не означает, что у любого хостера будет возможность использовать все возможности, но будет выбор доступного варианта. Т.е. модуль Компрессор предоставляет возможности с избытком, но нет гарантии, что они могут быть задействованы все одновременно. Например, вы по желанию и возможности можете использовать сжатие изображений за счет mozjpeg или webp,  но нет смысла использовать их одновременно, и такая задача одновременного использования не ставилась - разумно использовать лишь что-то одно.
       
       

       
       
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
      Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д.
      Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").
      "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (функция proc_open php нужна для работы mozjpeg, optipng; но создание WEBP в режиме "по расписанию" не требует ее наличия в php, на котором работает ваш сайт)  и всегда на VDS.   Нужные функции (proc_open) вы можете сами включать даже на обычном хостинге (некоторые это позволяют, но не все хостеры - см. ниже).
      Установка софта для сжатия изображений Опенкарт (mozjpeg и  optiPNG, WEBP) полностью автоматизирована в два клика на обычный хостинг и VDS (не требует знаний Linux).
       
      Вся магия здесь:
       

       
      Для разработчиков и веб-мастеров, устанавливающих модуль своим заказчикам действует особая (низкая) цена
       
      Демо 2 (клиентская часть): http://watermark.sitecreator.pro
      Демо 2 (админка): http://watermark.sitecreator.pro/admin/index.php?route=extension/module/watermark_by_sitecreator
       
      Демо 1.5 (клиентская часть): http://watermark15.sitecreator.pro
      Демо 1.5 (админка): http://watermark15.sitecreator.pro/admin/index.php?route=module/watermark_by_sitecreator
       
      пользователь: DEMO
      пароль: DEMO
       
      Для Opencart 3.0 и Opencart 2.*
      С поддержкой WEBP, Lazy Load и др.
      Дистрибутив теперь универсальный (он один) для движка 2-й и 3-й версий.
      Начиная с версии 1.18.3
       
       
      совместим со всеми сборками версий движков Opencart (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3), 3.0
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
       
       
       
      Модуль Сжатия Изображений Opencart по максимуму использует возможности imagick (если установлен), что уже позволяет получить лучшие по качеству и размеру изображения.  Кроме того, в отличие от дефолтного GD использование imagick позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
      Как избежать тормозов во время создания сжатых изображений?

      При обновлении до версии 1.12.6+ нужно проявить внимание! Внедрена защита "от дурака".
       
       
      Максимум настроек водяного знака Opencart (watermark): его позиция, поворот, прозрачность водяного знака и т. д.
      Можно настроить ограничение (запретить применять) для водяного знака как по имени файла/папок, так и по  размерам.
      Также можно добавить к имени файла nowatermark , и на данное изображение водяной знак не будет накладываться.
      Адаптивный ресайз (resize, обрезка) изображения.
       
       
      Вот так работает WEBP Lazy Load модуля Компрессор.
      Гугл одобряет!
       

       
       
      Как включить нужную для максимального сжатия функцию?
       (в случае работы режима cron для создания webp это необязательно)
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений для форматов JPEG PNG, плюс генерация и вывод сжатого формата WEBP. Но для многих сжатие изображений в Opencart - это самый важный функционал.
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3), 3.0
      требования: php 5.6+ (5.6; 7.0, 7.1, 7.2, 7.3, 7.4)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader  (версия 10+)
      Дистрибутив универсальный для всех версий PHP. Никаких отдельных файлов для разных версий! Только один установочный файл.
       
       
      Ускорители (кешеры) не влияют на работу водяного знака и сжатых форматов mozjpeg, optipng, но могут неверно влиять на вывод webp.
       
      Совместимые ускорители в плане WEBP, т.е. WEBP работает (выводится) корректно:
      Jet Cache (все известные версии на момент выпуска модуля Компрессор версии 2.1.23) Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) NitroPack (тестировался с NitroPack 2.5.3, про более свежие и будущие версии не берусь судить ). Это "старый Nitro". Больше не поддерживается, т.к. разработчик Нитро прекратил его продажу и поддержку. nitropack.io / NitroPack IO (тестировался на версии 3.8.1 в режиме включенной в Компрессоре совместимости с кеширующим ускорителем. Не путать с просто "NitroPack"! Возможны некоторые ограничения.) Boost (проверялось только на опенкарт 2.*, не могу судить о версии на которой тестировался, т.к. разработчик в модуле не указал версию. Возможно, что есть несовместимые версии) Lightning (при включении опции совместимости с кеширующим ускорителем в Компрессоре и настройке в Lightning исключения для функции Компрессора [читайте инструкцию], в режиме совместимости эффективность использования webp может быть несколько снижена. Тестировалось на версии Lightning  3.38. Возможны некоторые ограничения.)  
      Начиная с версии 2.1.0 модуль Компрессор позволяет включить повышенную совместимость с почти любым кеширующим ускорителем в режиме вывода webp. Независимо от того была ли сделана специально адаптация модуля Компрессор под конкретный ускоритель или нет. Эта возможность экспериментальная по принципу "как есть", нельзя заранее утверждать, что это будет работать везде на 100%.

       
      Например, в таком режиме может работать ускоритель Lightning (но желательно отключить (уменьшить агрессивность) в нем оптимизацию (минификацию) Javascript для HTML).  В подавляющем большинстве случаев совместимость с Лайтингом работает, но нельзя гарантировать это со 100% для любого случая.
       
      Несовместимые в плане вывода WEBP (за счет модуля) ускорители способны не мешать корректному выводу WEBP если данный вывод делать за счет средств сервера. Например, за счет NGINX Конфиг (config) NGINX для вывода WEBP на VDS   или Апачи при возможности (лимитирует хостер).
       
      Модуль совместим в плане корректного вывода WEBP (и отдачи для Сафари и старых браузеров JPEG, PNG соответственно) с ускорителями/кешерами Jet Cache и Turbo (версии для опенкарт 2.1 и 2.3 - полная совместимость) и, вероятно, с остальными.
      Совместим с NitroPack (тестировался с NitroPack 2.5.3 ).
      В случае использования модуля для сжатия только JPEG, PNG наличие ускорителя не сказывается на возможностях сжатия.
      Например, ускоритель Lightning совместим для работы с сжатыми форматами JPEG (mozjpeg), PNG (optipng) и совместим в режиме создания WEBP, но не совместим в режиме отображения картинок для старых браузеров и Сафари, который не понимает WEBP.
      В случае использования webp нужно понимать, что старым браузерам нужно отдавать jpeg/png. Именно так и работает модуль изначально, но ускорители могут за счет кеширования ломать такой алгоритм, а потому для указанных выше совместимых ускорителей была специально сделана адаптация чтобы не было проблем с webp.
       
      Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/library/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов. Это относится к работе водяного знака и т.п.,   на работу сжатого формата webp это никак не влияет.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена с конкретным доменным именем (без возможности переноса на другой домен).
      Приобретая модуль вы соглашаетесь с принципом лицензирования. 
       
      Подробно о лицензировании читайте здесь.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Софт mozjpeg, optipng, который входит в состав модуля, предназначен для Linux 64 bit. Этот же софт для Windows вы можете скачать и установить отдельно (ссылки и прилагаемые файлы есть ниже, софт существует как 32-х или 64-х битные исполняемые файлы для Windows, 32-х битный софт может работать на Windows 32 или 64 бит.)
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Самая распространенная "ошибка" после установки.
       
       
       
       
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

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

       
       
       
      Для SEO CMS сделано решение, позволяющее также использовать супер-сжатие по максимуму и водяной знак в этом модуле.  Сделано как отдельное дополнение к модулям "Компрессор" (Image Compressor) и SEO CMS.  Такое решение обусловлено тем, что указанный модуль использует свою библиотеку  и модели для работы с изображениями.
      Сжаты будут даже отображаемые оригиналы, вставленные по прямым ссылкам в статьях.  И на оригиналы можно накладывать водяной знак и защищать их от кражи.
      Любые изменения с оригиналами обратимы. Например, можно менять водяной знак.
       
      Решение здесь: SEO CMS mod for Image Compressor & Watermark
       
       
       
      Решение по работе с фоном исходных изображений здесь:
      Можно обрезать, добавлять фон, делать аккуратные рамки цветом фона.
      Данное решение реализовано как плагин к модулю "Компрессор", т. е. все настройки делаются в модуле "Компрессор".
       
       
      Совместимость со специфическими модулями и модификаторами, 
      (затрагивающими системную библиотеку и модель image.php)
       
       
      ПОДДЕРЖКА от автора модуля:

       
       
      Самодиагностика и вывод полезной информации - это первое средство если у вас "ничего не работает".
       

      Если у вас "не сжимает".  Некоторые серверы (нередко хостер ukraine.com.ua ) кешируют изображения на сервере. Ищите это в настройках панели управления хостера "ускорение".  Нужно просто отключить это кеширование. Подробнее описал в поддержке модуля:
       
       
      А что это гугл пишет "изменение размера .... уменьшит"?

       
       

      ПОДДЕРЖКА Правило № 1.
       
      Если у вас не получается установка, что-то не работает или есть сомнения "а правильно ли работает?",
      то для помощи вам от вас необходимы доступы к сайту.
      Если в доступах вы отказываете, то, соответственно, вы сами отказываетесь от ПОЛНОЦЕННОЙ поддержки.
       
      Подробно про доступы, которые необходимы.
       
      Срок бесплатной поддержки разработчиком - 1 год с момента приобретения программы (модуля). Это, конечно, не означает, что разработчик по истечении данного периода не будет отвечать на вопросы заказчиков. Неисключительная лицензия на программное обеспечение (модуль "Компрессор") не ограничивается разработчиком по времени.
      в правилах форума указано:
       
       
       


      info.php

      Добавил sitecreator Добавлено 26.08.2017 Категория Кэширование, сжатие, ускорение Системные требования php 5.6 - 7.4, Ioncube Loader версии не ниже 10+, ОС Linux 64 bit или Windows (относится к 99.9% случаев) Метод активации По запросу в ЛС
      По запросу на почту 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
      OcShop 2.0.3.х
      OcShop 1.5.6.4.х Обращение к серверу разработчика Нет
      Да Старая цена 3500  
    • By Seriusis
      Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",
       
      Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.
       
      ЗАЧЕМ
      Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы).
       
       

       
      ССЫЛКИ НА ДЕМО
      6 видео - разница 30-50%
      Модуль выключен:
      https://oc23.likedev.pro/6-video?disable-video-optim
      и page speed 49/33 -  https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile 
      Модуль включен  
      https://oc23.likedev.pro/6-video
      и page speed 92/75 -  https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video 
      Страница та же, только в первом случае добавлен параметр ?disable-video-optim , чтобы модуль не срабатывал и можно было увидеть разницу. 
       
      1 видео - разница 10-30%
      И даже с 1 видео показатель достаточно проседает, особенно для мобильных устройств
      Модуль выключен:
      https://oc23.likedev.pro/1-video?disable-video-optim 
      и page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop
      Модуль вкючен:
      https://oc23.likedev.pro/1-video
      и page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile
       
      Админка https://oc23.likedev.pro/admin/   логин/пароль: demo/demo
       
       
      Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.
       
      ВОЗМОЖНОСТИ
      видео по клику на превью всплывающеее окно с видео по клику на превью произвольные изображение для превью выбор размера превью установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css возможно указать пути для исключения работы модуля поля для камтомных стилей и js  
       
      ОСОБЕННОСТИ
      будет работать на всех шаблонах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код  
      ПРИМЕНЕНИЕ
      увеличение скорости загрузки и в результате лучший показатель page speed кастомизация внешнего вида видео превью вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт  
      ВАЖНО!  Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео.
       
      УСТАНОВКА
       
      видео установки
      (только тут фикс не нужен, остальное - так же)
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
       
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту [email protected], сразу указывайте данные о покупке: номер заказа и домен
      Теперь ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс.
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ
       
      Также смотрите модули:
      Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
       

       
    • By Seriusis
      1000 13
      Скачать/Купить дополнение


      YouTube lazy load & popup - оптимизация и кастомизация iframe, увеличение page speed
      Модуль решает проблему долгой загрузки iframe с youtube и увеличивает page speed. Улучшает визуальную часть и дает возможность катомизации: отображение видео в popup, установка своих превью на видео, установка произвольной иконки "play",
       
      Все вставки iframe с видео на вашем сайте перед выводом на страницу будут автоматически заменены на превью видео в виде изображений, которые подтягиваются с img.youtube.com/vi.
       
      ЗАЧЕМ
      Все знают, что iframe с видео очень сильно загружают страницу и уменьшают скорость загрузки сайта. Особенно это ощутимо (и даже визуально видно), если на странице несолько видео (каждый iframe это доп. запросы и ресурсы).
       
       

       
      ССЫЛКИ НА ДЕМО
      6 видео - разница 30-50%
      Модуль выключен:
      https://oc23.likedev.pro/6-video?disable-video-optim
      и page speed 49/33 -  https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video%3Fdisable-video-optim&tab=mobile 
      Модуль включен  
      https://oc23.likedev.pro/6-video
      и page speed 92/75 -  https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F6-video 
      Страница та же, только в первом случае добавлен параметр ?disable-video-optim , чтобы модуль не срабатывал и можно было увидеть разницу. 
       
      1 видео - разница 10-30%
      И даже с 1 видео показатель достаточно проседает, особенно для мобильных устройств
      Модуль выключен:
      https://oc23.likedev.pro/1-video?disable-video-optim 
      и page speed 88/51 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video%3Fdisable-video-optim&tab=desktop
      Модуль вкючен:
      https://oc23.likedev.pro/1-video
      и page speed 96/80 - https://developers.google.com/speed/pagespeed/insights/?hl=uk&url=https%3A%2F%2Foc23.likedev.pro%2F1-video&tab=mobile
       
      Админка https://oc23.likedev.pro/admin/   логин/пароль: demo/demo
       
       
      Кроме того визуально намного симпатичнее превью с иконкой, чем ютубовский iframe, да и возможность открытия видео в popup тоже очень полезна. + мы можем через css стили кастомизировать превью как нам угодно.
       
      ВОЗМОЖНОСТИ
      видео по клику на превью всплывающеее окно с видео по клику на превью произвольные изображение для превью выбор размера превью установка своей иконки на кнопку 'play' (font awesome, html) и ее стилизация через css возможно указать пути для исключения работы модуля поля для камтомных стилей и js  
       
      ОСОБЕННОСТИ
      будет работать на всех шаблонах максимально легкий модуль без зависимостей (всего пару строк css и ванильного js, никаких библиотек) будет работать даже без бутстрапа и jquery открытый код  
      ПРИМЕНЕНИЕ
      увеличение скорости загрузки и в результате лучший показатель page speed кастомизация внешнего вида видео превью вывод видео в popup позволить показывать ваши iframe даже на ограниченном пространстве подмена превью на свои позволит поставить подходящие вам изображения для видео и украсить сайт  
      ВАЖНО!  Предпочтительно использовать режим POPUP для лучшей совместимости с шаблонами, разметкой и адаптивности видео.
       
      УСТАНОВКА
       
      видео установки
      (только тут фикс не нужен, остальное - так же)
       
      Через установщик в админке загружаете архив модуля ocmod для своей версии опенкарт. 
      Для версий 2.x убедитесь, что у вас уже установлен модификатор localcopy.ocmod, если его нет - установите.
       
       
      ЛИЦЕНЗИЯ 
      Лицензия выдается на один домен. Также при необходимости на тестовый поддомен. Для получения ключа обращайтесь в лс или на почту [email protected], сразу указывайте данные о покупке: номер заказа и домен
      Теперь ключ будет выслан автоматически на почту покупателя сразу после вашего заказа. Если по какой-то причине письма нет - пишите на почту или в лс.
       
      Приветствую дельные предложения по развитию и расширению модуля.
       
      ПРОСЬБА УКАЗЫВАТЬ ДОМЕН СРАЗУ ПРИ ПОКУПКЕ
       
      Также смотрите модули:
      Accordion & Tabs & Steps, Faq & HowTo Microdata, any place & content
       

       
      Добавил Seriusis Добавлено 12.11.2020 Категория Модули Системные требования Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет Старая цена 0  
    • By spectrum
      Скачать/Купить дополнение


      UniShop2 - универсальный адаптивный шаблон для OpenCart и OcStore 3
      Мы сделали Unishop2 одновременно качественным и не дорогим, что очень важно для начинающего бизнесмена. Лёгкий, быстрый, универсальный -  шаблон отлично подойдет для создания магазинов совершенно разных направлений - продажи бытовой электроники, техники, одежды, обуви, книг, различных аксессуаров, бижутерии и многого другого.
       
      Начиная с версии 1.9 в настройки шаблона добавлена вкладка настроек PWA.
      PWA – это относительно новая технология, которая позволяет "установить" ваш магазин как приложение на смартфон  (мобильное приложение в браузере). Если покупатель это сделает, у него на домашнем экране или в меню приложений появится иконка с лого вашего магазина и при клике на которую сразу откроется ваш магазин.
      На данный момент работу с PWA могут обеспечить iOS, Android, Windows, Linux, macOS и Chrome OS в браузерах Chrome, Safari, Firefox, Opera, Edge и Samsung Internet
       
      Главные преимущества шаблона Unishop2:
      В комплекте необходимые модули - быстрый заказ, одностраничный заказ, вы смотрели, подписка на рассылку, новости (блог), живой поиск, стикеры и т.д. Современная микроразметка хлебных крошек, страницы товара, страницы новости, страницы контактов Передача целей и данных электронной коммерции в Google Analytics и Yandex Metrika  (обычный и быстрый заказы, популярные товары, заказы звонка) Панель управления шаблоном и комплектные модули имеют полный перевод для 3х языков - английский, русский и украинский.   Панель управления шаблоном насчитывает около 300 различных настроек, которые распределены по разделам, и в них легко разобраться без нудного чтения инструкций - есть поиск по настройкам с переходом к интересующей настройке Все комплектные модули, несмотря на их обилие, легко включаются и отключаются и не несут лишней нагрузки, если не используются.   Полностью открытый код витрины магазина, возможны ЛЮБЫЕ доработки Установка шаблона через штатный установщик дополнений опенкарта Шаблон хорошо оптимизирован - демо-сайт получает от Google оценки для мобильных - 85-95, для десктопов 95-100 - Пример Опция оптимизации и сжатия скриптов и стилей магазина. PWA возможности Пробная 7-ми дневная версия доступна без ограничений по функционалу - вы сможете понять, подходит ли вам наш шаблон  
      По истечении срока действия пробной версии (7 дней) для продолжения использования шаблона вам будет необходимо получить лицензионный ключ. Получить можно тут. 
      Все ранее сделанные настройки панели управления сохраняются и могут быть использованы далее после получения полной версии
       
      В архиве с шаблоном есть бекап файл базы данных и картинок, чтобы вы всего в несколько кликов могли получить витрину магазина, аналогичную демо-сайту.
      Шаблон предназначен для работы на OpenCart и OcStore третьей версии.
       
      Модификатор для создания картинок в формате WebP
       
      Скачать OcStore 3 (ссылка на офф. гит репозиторий)
       
      Демо:
      Главная страница
      Страница категории
      Страница товара
       
      Демо2:
      Главная страница
      Страница категории
      Страница товара
       
      Демо3:
      Главная страница
      Страница категории
      Страница товар
       
      Демо настроек шаблона:
      Панель настроек шаблона    логин/пароль - demo/demo
       
      Все три демо-сайта, все их цветовые настройки, внешний вид страниц и прочее созданы с помощью модулей, входящих в комплект шаблона и самого опенкарт, и с помощью панели управления шаблоном, без вмешательства в код. 
      Панель управления шаблоном содержит множество настроек и имеет интуитивно понятное расположение и название разделов, а к каждому разделу и пункту имеются пояснения по функциям и настройке.
      Несмотря на богатый функционал шаблона, в файлы опенкарта вносится минимально возможное количество изменений, что положительно сказывается на совместимости шаблона со сторонними модулями.
       
      Телеграм-группа по техподдержке шаблона - https://t.me/unishop2
       
      Список основных возможностей, не полный:
       
      Добавил spectrum Добавлено 27.06.2017 Категория Платные шаблоны Системные требования Php 5.6, 7.1-7.4 IonCube 5+ Метод активации Автоматическая активация Ioncube Loader Требуется OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет
      Да Старая цена 0  
    • By spectrum
      Мы сделали Unishop2 одновременно качественным и не дорогим, что очень важно для начинающего бизнесмена. Лёгкий, быстрый, универсальный -  шаблон отлично подойдет для создания магазинов совершенно разных направлений - продажи бытовой электроники, техники, одежды, обуви, книг, различных аксессуаров, бижутерии и многого другого.
       
      Начиная с версии 1.9 в настройки шаблона добавлена вкладка настроек PWA.
      PWA – это относительно новая технология, которая позволяет "установить" ваш магазин как приложение на смартфон  (мобильное приложение в браузере). Если покупатель это сделает, у него на домашнем экране или в меню приложений появится иконка с лого вашего магазина и при клике на которую сразу откроется ваш магазин.
      На данный момент работу с PWA могут обеспечить iOS, Android, Windows, Linux, macOS и Chrome OS в браузерах Chrome, Safari, Firefox, Opera, Edge и Samsung Internet
       
      Главные преимущества шаблона Unishop2:
      В комплекте необходимые модули - быстрый заказ, одностраничный заказ, вы смотрели, подписка на рассылку, новости (блог), живой поиск, стикеры и т.д. Современная микроразметка хлебных крошек, страницы товара, страницы новости, страницы контактов Передача целей и данных электронной коммерции в Google Analytics и Yandex Metrika  (обычный и быстрый заказы, популярные товары, заказы звонка) Панель управления шаблоном и комплектные модули имеют полный перевод для 3х языков - английский, русский и украинский.   Панель управления шаблоном насчитывает около 300 различных настроек, которые распределены по разделам, и в них легко разобраться без нудного чтения инструкций - есть поиск по настройкам с переходом к интересующей настройке Все комплектные модули, несмотря на их обилие, легко включаются и отключаются и не несут лишней нагрузки, если не используются.   Полностью открытый код витрины магазина, возможны ЛЮБЫЕ доработки Установка шаблона через штатный установщик дополнений опенкарта Шаблон хорошо оптимизирован - демо-сайт получает от Google оценки для мобильных - 85-95, для десктопов 95-100 - Пример Опция оптимизации и сжатия скриптов и стилей магазина. PWA возможности Пробная 7-ми дневная версия доступна без ограничений по функционалу - вы сможете понять, подходит ли вам наш шаблон Бесплатная техподдержка по работе шаблона в течении 1.5 (полутора) лет с момента приобретения лицензии. Возможность 1 (один) раз бесплатно сменить адрес сайта (домен) в течении 1.5 (полутора) лет с момента приобретения лицензии. Бесплатные обновления шаблона в течении всего цикла его разработки.  
      По истечении срока действия пробной версии (7 дней) для продолжения использования шаблона вам будет необходимо получить лицензионный ключ. Получить можно тут. 
      Все ранее сделанные настройки панели управления сохраняются и могут быть использованы далее после получения полной версии
       
      В архиве с шаблоном есть бекап файл базы данных и картинок, чтобы вы всего в несколько кликов могли получить витрину магазина, аналогичную демо-сайту.
      Шаблон предназначен для работы на OpenCart и OcStore третьей версии.
       
      Модификатор для создания картинок в формате WebP
       
      Скачать OcStore 3 (ссылка на офф. гит репозиторий)
       
      Демо:
      Главная страница
      Страница категории
      Страница товара
       
      Демо2:
      Главная страница
      Страница категории
      Страница товара
       
      Демо3:
      Главная страница
      Страница категории
      Страница товар
       
      Демо настроек шаблона:
      Панель настроек шаблона    логин/пароль - demo/demo
       
      Все три демо-сайта, все их цветовые настройки, внешний вид страниц и прочее созданы с помощью модулей, входящих в комплект шаблона и самого опенкарт, и с помощью панели управления шаблоном, без вмешательства в код. 
      Панель управления шаблоном содержит множество настроек и имеет интуитивно понятное расположение и название разделов, а к каждому разделу и пункту имеются пояснения по функциям и настройке.
      Несмотря на богатый функционал шаблона, в файлы опенкарта вносится минимально возможное количество изменений, что положительно сказывается на совместимости шаблона со сторонними модулями.
       
      Телеграм-группа по техподдержке шаблона - https://t.me/unishop2
       
      Список основных возможностей, не полный:
       
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

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.