Jump to content
Sign in to follow this  
vladrivi

Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

Recommended Posts

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

 

 

Количество блокирующих скриптов на странице: 4. Количество блокирующих ресурсов CSS на странице: 5. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.
Удалите код JavaScript, препятствующий отображению:
  • +1 1

Share this post


Link to post
Share on other sites

Засуньте эти скрипты в файл footer.tpl будут грузиться в последнюю очередь))

Share this post


Link to post
Share on other sites

Jquery не надо в футер, иначе поломаете

Share this post


Link to post
Share on other sites

Засуньте эти скрипты в файл footer.tpl будут грузиться в последнюю очередь))

Из серии вредные советы.

Share this post


Link to post
Share on other sites

почему вредные?

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

Share this post


Link to post
Share on other sites

в смысле если все скрипты поместить в футер то проблем не будет?

Share this post


Link to post
Share on other sites

не весь код можно запихнуть в футер - что-то может требоваться сразу

здесь обсуждалось

 

а вообще, рекомендации pagespeed все больше напоминают сферического коня в вакууме :-D

  • +1 1

Share this post


Link to post
Share on other sites

почему не весь?

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

решений проблемы там нет.

Share this post


Link to post
Share on other sites

Из серии вредные советы.

Ну если от балды все пихать, то и коню понятно, что поломаете.

Подключайте jquery.min и jquery.migrate в самом верху, а все остальное уже в подвал, например bootstrap, доп скрипты...

Но по требованиям гугла все равно будет не верно. Они не объективны для CMS и поэтому выполнить все требования PageSpeed Insights можно либо написав свою CMS либо в корне переделав OC

Лично я достигал 90-92% на гугле, но по большей мере за счет хорошего сервера и минимуме скриптов + всевозможное кеширование

Share this post


Link to post
Share on other sites

рекомендации pagespeed - именно рекомендации

какие-то действительно толковые, какие-то - ввиду универсальности - откровенно идиотские

(типа компрессия изображения такого-то уменьшит его размер на 361байт (12%) )

 

нет универсального единого решения на все случаи - каждый нужно рассматривать индивидуально

в процессе оптимизации рано или поздно столкнетесь с моментом когда рекомендации становятся взаимоисключающими - невозможно будет оптимизировать одну часть без ущерба для другой

Share this post


Link to post
Share on other sites

так почему нельзя весь js код перевести в футер? есть мысли?

Share this post


Link to post
Share on other sites

например если в dom скрипт на jquery то не сработает по логике

Share this post


Link to post
Share on other sites

не понял. что не сработает и по какой логике?

Share this post


Link to post
Share on other sites

так почему нельзя весь js код перевести в футер? есть мысли?

Самое первое, что приходит на ум - это ненужные крики со стороны пользователей. Сайт плывет дрыгается "перестраивается". И они в чем то правы. Лучше подождать 0.7 секунды и получить "готовый" слепок страницы сайта, чем видеть как все элементы переупорядочиваются после загрузки js и выполнения document.ready.

Edited by tabook

Share this post


Link to post
Share on other sites

javascript перестраивает блоки после загрузки?

Share this post


Link to post
Share on other sites

Самое первое, что приходит на ум - это ненужные крики со стороны пользователей. Сайт плывет дрыгается "перестраивается". И они в чем то правы. Лучше подождать 0.7 секунды и получить "готовый" слепок страницы сайта, чем видеть как все элементы переупорядочиваются после загрузки js и выполнения document.ready.

А иногда возможно просто надо нормальный код писать, да не использовать так много изменений через jquery))

Share this post


Link to post
Share on other sites

javascript перестраивает блоки после загрузки?

Ага сам удивлен, это наверное такой новый баг у js ))) а возможно просто установлена задержка на изменение...

Edited by Waha

Share this post


Link to post
Share on other sites

javascript перестраивает блоки после загрузки?

Да, попадались модули то ли слайдера, то ли аналога colorbox.

Share this post


Link to post
Share on other sites

А иногда возможно просто надо нормальный код писать, да не использовать так много изменений через jquery))

Вы меньше ёрничайте.

Переписывать тонны чужого говнокода на js ради "звездочек" метрики совершенно того не стоит. Особенно если на сайте 100500 рюшечек.

Share this post


Link to post
Share on other sites

ну а если пользователю важны звездочки и он готов отказаться от colorbox, да и html можно скрыть до загрузки/выполнения скрипта.

выходит с тем что бы перенести код в футер нет проблем? 

Share this post


Link to post
Share on other sites

Вы меньше ёрничайте.

Переписывать тонны чужого говнокода на js ради "звездочек" метрики совершенно того не стоит. Особенно если на сайте 100500 рюшечек.

 

Тут ничем не могу помочь... искренне сочувствую.

Share this post


Link to post
Share on other sites

ну а если пользователю важны звездочки и он готов отказаться от colorbox, да и html можно скрыть до загрузки/выполнения скрипта.

выходит с тем что бы перенести код в футер нет проблем? 

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

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

Share this post


Link to post
Share on other sites

не понял. что не сработает и по какой логике?

т.е. если библиотека jquery подключается после то скрипт всеравно будет работать?

 

я пробовал ставить async дк у меня половина сайта перестала работать (не opencart, лендинг)

Share this post


Link to post
Share on other sites
tabook

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

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.

Sign in to follow this  

  • Similar Content

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


      Layout Type, ускорение мобильной версии.
      DEMO
      Подробней:
      Как сделать шаблон адаптивным? на мобильной версии скрыть "лишние" элементы.
      Как, что-бы при этом не пострадало usability? переместить модули и виджеты на другие позиции.
       
      Даже топовые шаблоны, поступают именно таким образом, элементы которые "не нужны" или наоборот необходимы только в мобильной версии: либо скрываются посредством css (display:none); либо перемещаются, хорошо если flexbox или bootstrap pull push но часто с помощью навешивания множества слушателей событий javascript. Даже адаптивность bootstrap основана на таких принципах.
      Всё это создаёт лишний "вес" и нагрузку, что конечно же замедляет работу сайта и заставляет процессор пользователя работать с повышенной нагрузкой шумя как майнинг ферма.
      Мы в наших продуктах пропагандируем использовать только то, что необходимо сейчас. И исходя из этих принципов нами был разработан
       
      модуль Мобильные схемы который позволит:
      уменьшить объём страницы (предотвратить чрезмерную нагрузку на сеть),  сократить размер структуры DOM, избавится от лишнего JavaScript кода (сократить время выполнения кода JavaScript), избавится от css костылей,       а так-же:
      Устранить ресурсы, блокирующие отображение, Сократить время ответа сервера (время до получения первого байта, TTFB), Использовать подходящий размер изображений,  
           и др.
           при этом даже улучшив
       
      адаптивность, гибкость в настройке и дружелюбность Вашего сайта!  
       
      Поддерживает встроенные схемы популярных модулей, например поддерживает SEOCMS.
      Большие скидки, для постоянных покупателей.
       
      Бесплатно модуль получить можно вместе с шаблоном Roundshop.
       
      Техническая поддержка
      доступна пользователям из списка покупателей.
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
      Добавил Sha Добавлено 13.03.2018 Категория Кэширование, сжатие, ускорение Системные требования Сайт разработчика zeKit.pro Старая цена 450 Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1
      OcShop 2.0.3.х Обращение к серверу разработчика Нет  
    • By Sha
      DEMO
      Подробней:
      Как сделать шаблон адаптивным? на мобильной версии скрыть "лишние" элементы.
      Как, что-бы при этом не пострадало usability? переместить модули и виджеты на другие позиции.
       
      Даже топовые шаблоны, поступают именно таким образом, элементы которые "не нужны" или наоборот необходимы только в мобильной версии: либо скрываются посредством css (display:none); либо перемещаются, хорошо если flexbox или bootstrap pull push но часто с помощью навешивания множества слушателей событий javascript. Даже адаптивность bootstrap основана на таких принципах.
      Всё это создаёт лишний "вес" и нагрузку, что конечно же замедляет работу сайта и заставляет процессор пользователя работать с повышенной нагрузкой шумя как майнинг ферма.
      Мы в наших продуктах пропагандируем использовать только то, что необходимо сейчас. И исходя из этих принципов нами был разработан
       
      модуль Мобильные схемы который позволит:
      уменьшить объём страницы (предотвратить чрезмерную нагрузку на сеть),  сократить размер структуры DOM, избавится от лишнего JavaScript кода (сократить время выполнения кода JavaScript), избавится от css костылей,       а так-же:
      Устранить ресурсы, блокирующие отображение, Сократить время ответа сервера (время до получения первого байта, TTFB), Использовать подходящий размер изображений,  
           и др.
           при этом даже улучшив
       
      адаптивность, гибкость в настройке и дружелюбность Вашего сайта!  
       
      Поддерживает встроенные схемы популярных модулей, например поддерживает SEOCMS.
      Большие скидки, для постоянных покупателей.
       
      Бесплатно модуль получить можно вместе с шаблоном Roundshop.
       
      Техническая поддержка
      доступна пользователям из списка покупателей.
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
    • By sitecreator
      1 590.00 руб
      Скачать/Купить дополнение


      Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
      Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д.
      Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").
      "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (при наличии либо функции proc_open php, либо webp в одной из библиотек: GD или imagick)  и всегда на VDS.   Нужные функции вы можете сами включать даже на обычном хостинге (многие это позволяют - см. ниже).
      Установка софта для сжатия изображений Опенкарт (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 (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3)
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
      Для Opencart 3.0  версия здесь: https://opencartforum.com/files/file/6148-kompressor-izobrazheniy-watermark-bonusy-dlya-opencart-30/
       

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

       
       
      Как включить нужную для максимального сжатия функцию?
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений. Но для многих сжатие изображений в Opencart - это самый важный функционал.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP. 
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Немного о возможности использования WebP на обычном хостинге:
       
       
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,   WebP , т. е. возможно суперсжатие в полной мере.
      Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.
      В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%
       
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3)
      требования: php 5.6+ (рекомендуемый минимум - это 5.6; 7.0, 7.1, 7.2)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader  (крайне рекомендуется 10+)
      Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.
      Ioncube loader 10+ есть сейчас, как минимум, у 99% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (2-х летней давности).
      Просьба учесть, что при минимальных требованиях модуль работать будет, но не все функции могут быть доступны.  Не вижу смысла поддерживать совместимость с допотопным серверным софтом в ущерб развитию модуля.
       
       
      Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.
      Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена.
      Приобретая модуль вы соглашаетесь с принципом лицензирования. 
       
      Подробно о лицензировании читайте здесь.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Самая распространенная "ошибка" после установки.
       
       
       
       
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

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

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

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

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

       
       

      Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)
      и СЖАТИЕ изображений по прямым ссылкам и из CSS.
       
      Тест Тест
       
       
       
       
       
       
       
      Добавил sitecreator Добавлено 26.08.2017 Категория Кэширование, сжатие, ускорение Системные требования php 5.6+, Ioncube Loader (рекомендуемая версия: 10+) ) Сайт разработчика https://sitecreator.ru/ Старая цена 2000 Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Требуется OpenCart 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 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.х Обращение к серверу разработчика Нет
      Да  
    • By sitecreator
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл PageSpeed одобряет.
      Теперь настоящий комбайн для работы с изображениями.  Управление белыми полями изображений, фоном, размером, обрезкой картинок, отдельное управление изображениями для яндекс-маркета и т.д.
      Индивидуальные настройки для групп изображений ("всплывающие", "thumb-миниатюры").
      "Компрессор" (Image Compressor) обеспечит максимальное сжатие изображений Opencart на обычном хостинге (при наличии либо функции proc_open php, либо webp в одной из библиотек: GD или imagick)  и всегда на VDS.   Нужные функции вы можете сами включать даже на обычном хостинге (многие это позволяют - см. ниже).
      Установка софта для сжатия изображений Опенкарт (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 (ocstore, opencart.pro, русская сборка и т. д.) 1.5 и 2+ (2.0, 2.1, 2.2, 2.3)
      Файлы движка не заменяются (используется vqmod или ocmod для соответствующих веток движка)
      Для Opencart 3.0  версия здесь: https://opencartforum.com/files/file/6148-kompressor-izobrazheniy-watermark-bonusy-dlya-opencart-30/
       

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

       
       
      Как включить нужную для максимального сжатия функцию?
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений. Но для многих сжатие изображений в Opencart - это самый важный функционал.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP. 
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Немного о возможности использования WebP на обычном хостинге:
       
       
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,   WebP , т. е. возможно суперсжатие в полной мере.
      Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.
      В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%
       
       
      Совместим с Opencart, Ocstore, opencart.pro и сборок версии 1.5.* и 2+ (2.0, 2.1, 2.2, 2.3)
      требования: php 5.6+ (рекомендуемый минимум - это 5.6; 7.0, 7.1, 7.2)   Версию php у хостера вы можете изменить самостоятельно через панель управления. 
      Ioncube Loader  (крайне рекомендуется 10+)
      Касательно версии php.  Рекомендованный минимум (5.6) есть у любого хостера и на этой версии работает любой движок Opencart.
      Ioncube loader 10+ есть сейчас, как минимум, у 99% хостеров (у всех нормальных), и все меньше остается нерадивых хостеров, которые не могут обновить старую версию Ioncube loader 6 (2-х летней давности).
      Просьба учесть, что при минимальных требованиях модуль работать будет, но не все функции могут быть доступны.  Не вижу смысла поддерживать совместимость с допотопным серверным софтом в ущерб развитию модуля.
       
       
      Модуль совместим с ускорителями/кешерами Jet Cache и Turbo и, скорее всего, с остальными.
      Модуль не заменяет файлы , используется ocmod для движка 2.*,  аналогично в движке 1.5.* используется vqmod с 1.5.1 версии модуля. 
      Просьба обратить внимание до установки модуля на то, не изменен ли код напрямую (или за счет модификаторов) в файлах:
       
      system/image.php, catalog/tool/image.php, admin/tool/image.php.
       
      Не гарантируется нормальная работа если у вас в движке были сделаны прямые (или за счет модификаторов) изменения кода указанных выше файлов.
      Желательно чтобы эти файлы были такими же как в дистрибутиве движка.  Но даже в случае их изменения редко когда возникают проблемы, и они решаемые (обращайтесь к автору).
       
      Пожалуйста, лицензию запрашивайте, написав мне на почту или в личку.
       
      Пояснение к лицензированию.
      Лицензия предоставляется для одного домена.
      Приобретая модуль вы соглашаетесь с принципом лицензирования. 
       
      Подробно о лицензировании читайте здесь.
       
      Супер-сжатие выполняется согласно рекомендациям Гугла PageSpeed Insights и позволяет добиться снижения размера файлов изображений и, как следствие, уменьшения трафика.
      Google  PageSpeed Insights благодаря этому дает более высокую оценку вашему сайту в баллах.
       
      mozjpeg, optipng необязателен к установке, это лишь рекомендация для достижения максимального сжатия.
      Процесс установки этого софта сводится к нажатию двух кнопок в модуле.
      Это работает как на обычном хостинге, так и на VDS.
       
      Самая распространенная "ошибка" после установки.
       
       
       
       
       
      Инструкция для самостоятельной сборки серверного софта оставлена для любознательных. Не нужно ее пугаться и не нужно повторять все эти действия.
      Модуль Компрессор уже содержит средства диагностики и вывода информации.  Пользуйтесь ими (вкладка "сервис").
       
       
      Инструкция по установке дополнительного софта для WINDOWS :
      (для локальной машины разработчика, например. ).
       
       
       
      Установку модуля "Сжатие изображений плюс водяной знак" осуществляет покупатель самостоятельно или его доверенное лицо.
       

       
       

       

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

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

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

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

       
       

      Админ БАР для управления изображениями (очистка кеша только для конкретной страницы)
      и СЖАТИЕ изображений по прямым ссылкам и из CSS.
       
      Тест Тест
       
       
       
       
       
       
       
    • By Kingfrelance
      Добрый день, решил переделать стандартные модули "рекомендуемые" опенкарт 2.3 в виде карусели товаров, ситуации такова. Сделал верстку, подключил slick slider. По умолчанию установил в слайдер что товаров будет 4 на ПК версии. Но тут таков вопрос, если товаров меньше 4 то слайдер не работает корректно
      область слайдера становится маленькой и карточку товара плющит. Если больше 4 то все гуд.
      вот код
       

      Вот скриншот
      там где рекомендуемые то это проблема а там где хит продаж, там больше 3 продуктов, там все гуд
      Вот
  • 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.