Jump to content

Recommended Posts

Тормозит сайт? начать стоит с проверки производительности серверной части, для этого в файл index.php добавим две строчки

одну в начало файла:

$sysstart = microtime(true);

и одну в конец

echo  '<!--time_gen- '.round(( microtime(true) - $sysstart), 5). 's -/time_gen-->';

В результате просматривая HTML код любой страницы сайта вы будете видеть время выполнения скрипта:

2013-03-16_1009.png

Хорошо если полученное время измеряется в сотых, если в десятых тоже пойдёт, но не более 0.3, если больше начать оптимизацию надо с серверной части.

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

И так руководство к действию и результаты измерений (кол-во запросов/ объем загружаемых данных/ время загрузки страницы):

0. Начальный замер производительности на
Apache
без
Gzip
(34/496,6/1.4)

1. Использование
Apache + Nginx
для отдачи статики

2. Использование
Gzip
сжатия
(34/216,2/1.18)

2013-03-16_1109.png

3.
jQuery и jQuery UI грузим с
CDN
, например,
или с
(25/164,3/1.05)

4. Изображения используемые в шаблоне, объединяем в спрайт
(23/
164,3
/0.92)

5. Объединение и минимизация JS скриптов и CSS

6. Загрузку изображений можно разбить на различные субдомены (тем самым обходим ограничение одновременных загрузок для одного хоста у браузеров)
(18/129,2/0.8)

2013-03-16_1105.png

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

7. Перемещение JS файлов в конец страницы (перед закрывающим ), не забываем что необходимо будет весь JS код в тексте страницы вынести в отдельный файл и грузить после jQuery, иначе работать не будет. Это ускоряет отображение страницы, т.к. рендеринг страницы блокируется на время загрузки и выполнения скрипта. Если всё правильно сделаете в диаграмме должна исчезнуть ступенька, которая наблюдается на скринах выше после .js файлов

2013-03-16_1149.png

Эксперимент проводился над OpenCart 1.5.5.1 используемые инструменты Firefox + FireBug, на локальной машине Denwer, хостинг - ukraine.com.ua [← осторожно реферальная обычная ссылка]).

Для базовой клиентской оптимизации достаточно правильно выбрать хостера или настроит сервер + без особых трудозатрат можно выполнить пункт 3. Можно безболезненно отключить jQuery UI, если не используются специальные поля в атрибутах товаров.

Правки в п. 4, 5, 7 будут зависеть от используемого шаблона и дополнений.

Подробнее остановлюсь на реализации п.6:

- нужно внести изменения в файл \catalog\model\tool\image.php (прикрепляю к топику), смысл заключается в изменении хоста загрузки изображений, добавляется поддомен с индексом (i, i1, i2, i3, ....), индекс увеличивается после вывода 6 изображений

- на сервере настроить переадресацию с несуществующих доменов на основной (на хостинге ukraine [← осторожно реферальная обычная ссылка] это делается установкой одной галочки)

Выводы:

Для тех у кого состояние сайт соответствует п.0 есть потенциал для двойного увеличения производительности клиентской части, если сервер настроен согласно п.2 можно говорить об 1/3. И надо понимать что клиентской оптимизацией стоит заниматься, когда уже бизнес настроен, есть конкуренция и желание выделиться. На начальном этапе это будут неоправданные трудозтраты.

P.S.

кто проделает работу по оптимизации, делитесь результатами

image.zip

Edited by afwollis
no referral
  • +1 3

Share this post


Link to post
Share on other sites
- на сервере настроить переадресацию с несуществующих доменов на основной (на хостинге ukraine это делается установкой одной галочки)

Вы бы убрали реферальные ссылочки то...

Share this post


Link to post
Share on other sites

Да и вообще эти рекомендации лучше письмом разработчикам OC отправить. Может наконец сделают так, чтобы за ними подчищать меньше приходилось.

Share this post


Link to post
Share on other sites

Объективно оценить результаты проделанной работы вы сможете в отчете Google Analytics "Скорость загрузки сайта" с разбивкой по браузерам, странам и страницам

Share this post


Link to post
Share on other sites

Вы бы убрали реферальные ссылочки то...

Если напишите что нибудь стоящее в топик, удалю :)

Share this post


Link to post
Share on other sites

Может вам денег прислать, девочек. станцевать?

Что за бред, есть правила форума, вы пишите какие то рерайты статей с сео блогов, тулите реферальные ссылки. пиарите свои сайты, и это под соусом "посмотрите какой я полезный".

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

  • +1 1

Share this post


Link to post
Share on other sites

Я читал правила форума перед размещением реферальной ссылки, она не является рекламой и в правилах не запрещена, как и не запрещено писать как кто то умеет делать сайты:)

О моей компетенции, говорит моё портфолио!

Share this post


Link to post
Share on other sites
Guest brk

Я читал правила форума перед размещением реферальной ссылки, она не является рекламой и в правилах не запрещена, как и не запрещено писать как кто то умеет делать сайты :)

О моей компетенции, говорит моё портфолио!

Присмотрелся к автопрайду, ну Вы и садист однако :)

Нет ПОИСКА и фильтров ... во всяком случае я этого не нашел...

.

post-8078-0-51058500-1363444877_thumb.jpg

  • +1 1

Share this post


Link to post
Share on other sites

Знатный тролль - это портфолио говорит реально по полной некомпетенции. поржал!

Для энергодара видимо уровень, но у нас студенты третьего курса тех вуза лучше делают.

  • +1 1

Share this post


Link to post
Share on other sites

Присмотрелся к автопрайду, ну Вы и садист однако :)

Нет ПОИСКА и фильтров ... во всяком случае я этого не нашел...

.

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

В аналитике отслеживается использование внутреннего поиска по сайту и если отобрать этих пользователей то их коэффициент конверсий составляет 2% без одной сотой - это более чем в два раза больше среднего значения по сайту, что говорит о рентабельности инвестирования средств в улучшение поиска.

Спасибо за наводку!

2013-03-16_1737.png

Фильтры, тоже присутствую для категорий в которых определены атрибуты http://avtopride.zp.ua/amortizator

Пишите не по теме!

Вам ребята учиться надо, а не огрызаться и офтопить!

  • +1 2

Share this post


Link to post
Share on other sites
Guest brk

Знатный тролль - это портфолио говорит реально по полной некомпетенции. поржал!

Для энергодара видимо уровень, но у нас студенты третьего курса тех вуза лучше делают.

Да при чем тут студенты ,портфолио итп...

Нет ПОИСКА в магазине !!!

И это главная примета дилетанта!

Никогда не поверю, что ПОИСК ради оптимизации убран :)

Share this post


Link to post
Share on other sites
Guest brk

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

Пишите не по теме!

Вам ребята учиться надо, а не огрызаться и офтопить!

Вам просто указывают о Ваших некомпетентных постах.

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

А это fail PR

Share this post


Link to post
Share on other sites
Нет ПОИСКА в магазине !!!

И это главная примета дилетанта!

Никогда не поверю, что ПОИСК ради оптимизации убран :)

я никому не собираюсь тыкать в ошибки. Я просто высказываю мнение. Человек похвастал портфолио - не впечталило, твой автосайт был зачетный. Вот и все.

И мне не нравится эта тенденция с рерайтами постов продвигаторских блогов.

Половина народу сео про нормально не может. Когда человек дорастает до серьезной оптимизации спрайты, сжатие скриптов и оптимизация картинок будет осуществлена как правило или специалистом, или человек сам дорастет до подобных процессов. ИМХО инфа ни о чем и это чистый пиар + реферальные ссылки....

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

  • +1 2

Share this post


Link to post
Share on other sites

И непосредственно по теме топика...

Все семь тезисов - вываливаются в половине сайтов в топ 50 гугла по запросу "оптимизация файла"

И как обычно - картинки пиар и ни одного описания метода...

Т.е. я выглядит это так.. я такой умный.. я знаю как это делать, а вы гуглите дальше...

Если мы говорим о помощи и опыте, то

Как сделать спрайты тыц

CDN Yandex для библиотеки jQuery тыц

CDN Google для библиотеки jQuery тыц

Как минимизировать JavaScript тыц

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

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

как настроить htaccess для нормального хранения файлов на стороне клиента и еще кое какие полезные фичи тыц

  • +1 2

Share this post


Link to post
Share on other sites

Эта вся оптимизация убивается клиентом за 2 секунды, установкой одной картинки, весом 100кб, на слайдшоу ))

Share this post


Link to post
Share on other sites

Эта вся оптимизация убивается клиентом за 2 секунды, установкой одной картинки, весом 100кб, на слайдшоу ))

ну не всегда)))

Если картинкам слайдшоу назначить время жизни на кеше клиента в неделю будет профит в скорости.

Я как то заморачивался на 0,2,0 с собиранием и укорачиванием а также прописыванием таймингов кеша для всех MIME типов, реально был прирост. загрузки до 70%

Share this post


Link to post
Share on other sites

C нынешними скоростями интернета на это по-моему, уже никто не обращает внимания, по-крайней мере пока клиент не заплатит отдельно за оптимизацию :-)

Вот портфолио одной студии :ugeek:

http://www.artlebedev.ru/everything/soglasie/

Перейдите на сайт что они сдали клиенту, посмотрите количество скриптов и css

Share this post


Link to post
Share on other sites

ыыыыыыыыыыыыы

порадовало.. одной студии)

Share this post


Link to post
Share on other sites

Если включен gzip то на это можно смело положить если сервак сам по себе не тупит... к стате гугл один раз уже лежал :)

3. jQuery и jQuery UI грузим с CDN, например, Google или с официального сайта jQuery (25/164,3/1.05)

5. Объединение и минимизация JS скриптов и CSS

6. Загрузку изображений можно разбить на различные субдомены (тем самым обходим ограничение одновременных загрузок для одного хоста у браузеров) (18/129,2/0.8)

По поводу этого пункта так же можно добавить что тогда уж выносите и JS/CSS JQuery, опять же можно сильно не морочится а вынести графику на один субдомен... правда вы в резолве первоначально проиграете... тогда уже правильнее (быстрее) было бы на IP но не у всех они выделенные... Это все хиляет когда у вас на странице от 50 изображений и тупой инет у юзера...

Ах да тут еще советовали длину куков уменьшить, почему вы про это не написали?

Share this post


Link to post
Share on other sites

Еще совет если на то пошло :)

location ~ ^.+\.(png|PNG|jpg|JPG|jpeg|JPEG|gif|GIF|ico|wmv|avi|flv|mpg|mpeg|mp4|zip|rar|gz|css|js|txt)$ {

expires 1m;

}

Share this post


Link to post
Share on other sites

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

как настроить htaccess для нормального хранения файлов на стороне клиента и еще кое какие полезные фичи тыц

В моём варианте предложен вариант использования Apache + Nginx. Ngnix ,берёт на себя всю статику и её кэширование, статика до апачи не доходит, так что речи о кеше в htaccess не может быть.

Напишите свой результат оптимизации, тогда будет предметный разговор, а так воздух сотрясаете!

Клевета, озлобленность это удел слабых людей и трусов!

  • +1 5

Share this post


Link to post
Share on other sites

6. Загрузку изображений можно разбить на различные субдомены (тем самым обходим ограничение одновременных загрузок для одного хоста у браузеров) (18/129,2/0.8)

По поводу этого пункта так же можно добавить что тогда уж выносите и JS/CSS JQuery, опять же можно сильно не морочится а вынести графику на один субдомен... правда вы в резолве первоначально проиграете... тогда уже правильнее (быстрее) было бы на IP но не у всех они выделенные... Это все хиляет когда у вас на странице от 50 изображений и тупой инет у юзера...

суть заключается в обходе ограничения кол-ва, одновременных загрузок браузером с одного хоста (браузеры именно на них ориентируются а не на IP). Результат хорошо виден на скринах. Такой подход используют многие популярные интернет магазины

http://www.ozon.ru/

http://rozetka.com.ua/

  • +1 1

Share this post


Link to post
Share on other sites

У всех тут стоит nginx да да. И у каждого второго своя розетка.

Share this post


Link to post
Share on other sites

суть заключается в обходе ограничения кол-ва, одновременных загрузок браузером с одного хоста (браузеры именно на них ориентируются а не на IP). Результат хорошо виден на скринах. Такой подход используют многие популярные интернет магазины

http://www.ozon.ru/

http://rozetka.com.ua/

Да знаю я на что он ориентируется... я вам говорю что в случае IP вместо имени хоста (а хост будет отличный как вы сами догадаваетесь от оригинала) еще и не тратиться время на резолв... это если говорить о _полной_ оптимизации...

А крупняк это еще и использует что бы сэкономить бабла, разнося статику и динамику по серверам...

Share this post


Link to post
Share on other sites

в топике упоминали про стабильность CDN.

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

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://mysite.com/js/jquery-1.7.1.min.js"><\/script>')</script>

работает очень просто, если не получается загрузить jQuery с гугл, грузим со своего сервера

  • +1 2

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 sitecreator
      WEBP работает везде просто и надежно !
      Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде без всяких условий!   Не надо спрашивать будет ли работать на вашем хостинге WEBP. Ответ простой - у вас будет WEBP! В данном решении предусмотрено практически все, включая полную совместимость с ускорителями Jet Cache, Turbo.
      WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
      Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
      Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux и Windows.
       
      Поддерживается любой современный браузер, способный отображать WEBP.
       
      Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на странице, и тем самым выполнить рекомендации Гугла.
       

       
       
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл 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 (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 позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
      Как избежать тормозов во время создания сжатых изображений?

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

       
       
      Как включить нужную для максимального сжатия функцию?
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений. Но для многих сжатие изображений в Opencart - это самый важный функционал.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP. 
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,   WebP , т. е. возможно суперсжатие в полной мере.
      Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.
      В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%
      Информация по части WEBP является устаревшей, т.к. этот формат с версии 1.16 возможно создавать практически везде в режиме "по расписанию" (cron).
       
       
      Совместим с 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.
       
      Тест Тест
       
       
       
       
       
       
       


      info.php

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


      Image COMPRESSOR & Watermark & WebP & Lazy Load etc. by Sitecreator
      WEBP работает везде просто и надежно !
      Никакой зависимости от хостера в плане создания и вывода WEBP! Работает WEBP везде без всяких условий!   Не надо спрашивать будет ли работать на вашем хостинге WEBP. Ответ простой - у вас будет WEBP! В данном решении предусмотрено практически все, включая полную совместимость с ускорителями Jet Cache, Turbo.
      WEBP (сжатый формат графики) можно теперь получить практически у любого хостера.
      Не имеет значения есть ли поддержка WEBP у вашего хостера или нет.
      Такая поддержка WEBP встроена в модуль Компрессор и работает на любой Linux и Windows.
       
      Поддерживается любой современный браузер, способный отображать WEBP.
       
      Благодаря современному формату изображений WEBP удается снизить общий вес изображений в среднем в 2-3 раза на странице, и тем самым выполнить рекомендации Гугла.
       

       
       
      Мастерам большие СКИДКИ! Оптимизация (сжатие) изображений - Гугл 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 (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 позволяет уменьшить размер файла за счет очистки изображения от ненужной информации.
       
      Как избежать тормозов во время создания сжатых изображений?

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

       
       
      Как включить нужную для максимального сжатия функцию?
       
       
       
       
      Основной функционал модуля - это добавление водяного знака на изображения и другие настройки изображения (ресайз, белые поля и фон, и т. д. ).  Как бонус - это использование автоматического  супер-сжатия изображений. Но для многих сжатие изображений в Opencart - это самый важный функционал.
      С версии 1.1.0 получаете максимальное сжатие для JPEG, PNG благодаря еще поддержке WebP. 
      Использование WebP задумывалось как компромиссное решение когда нет возможности использовать mozjpeg.  А mozjpeg сейчас удалось установить практически везде.
       
      Проверенные хостеры, которые поддерживают mozjpeg, OptiPNG,   WebP , т. е. возможно суперсжатие в полной мере.
      Это не означает, что другие не поддерживают, просто тут устанавливали уже  модуль и мне о названии хостера  сообщил заказчик.
      В зоне RU  99.9% хостеров обеспечат максимальное сжатие, в зоне UA показатель поменьше - на уровне 90...95%
      Информация по части WEBP является устаревшей, т.к. этот формат с версии 1.16 возможно создавать практически везде в режиме "по расписанию" (cron).
       
       
      Совместим с 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.
       
      Тест Тест
       
       
       
       
       
       
       


      info.php

      Добавил 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 TimRod
      850.00 руб
      Скачать/Купить дополнение


      OCCleaner - очистка и оптимизация
      OCCleaner - профессиональный инструмент очистки и оптимизации Вашего магазина OpenCart. 

      Основные возможности:

      - Очистка системного мусора и временных файлов;
      - Поиск и удаление ненужных изображений (умный алгоритм анализа базы данных и файлов OpenCart);
      - Очистка файловой системы от мусора и остаточных файлов;
      - Оптимизация и очистка базы данных;
      - Полный анализ в один клик;
      - Максимальное предоставление информации об обнаруженных объектах;
      - Работает на слабых хостингах и способен обрабатывать большие массивы данных;
      - Интуитивно понятный и простой интерфейс;
      - Работает с помощью ajax, без перезагрузки страницы;


      Ознакомиться с работой модуля и его возможностями Вы можете на демо сайте.
      http://demo.occleaner.timrod.ru/admin/index.php?route=extension/module/occleaner
      Логин/пароль: demo/demo

      Совместимость:

      - openCart 2.1.x
      - openCart 2.2.x
      - openCart 2.3.x
      - openCart 3.0.x
      - ocStore 2.1.x
      - ocStore 2.2.x
      - ocStore 2.3.x
      - ocStore 3.0.x


      В архиве модуля присутствует инструкция по установке и настройке модуля!
      Лицензия на модуль распространяется на 1 домен + 1 поддомен бесплатно, путем предоставления лицензионного ключа.

      Если у Вас появился вопрос, предложение по расширению функционала или Вы нашли ошибку, пишите на e-mail: timrod.v@yandex.ru или в личку, на ресурсе, где приобретали модуль.
      Добавил TimRod Добавлено 27.08.2019 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации По запросу в ЛС
      По запросу на почту Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1 ocStore 3.0
      2.3
      2.2
      2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By dentevik
      399.00 руб
      Скачать/Купить дополнение


      Минимизация JS, CSS, HTML Opencart, ocStore версий 2-3 - оптимизация скорости сайта для Google Speed Test
      Минимизация JS, CSS, HTML Opencart, ocStore 2,3 оптимизация скорости сайта для Google Speed Test
       
      Этот плагин Минимизирует вывод HTML сайта, объединяет JS и CS файлы в один, а так же минимизирует JS и CSS.

      Он сжимает вывод HTML, удаляя не нужные пробелы, уменьшает размер вывода вашего сайта, что заметно увеличит скорость работы вашего сайта, так как на выходе будет меньше контента.
       
      Так же плагин умеет вырезать из контента одинокие JS коды, минимизирует их и добавляет перед закрывающим тегом </body> после оптимизированного главного JS файла  (чтобы ничего не сломать)

      Это лучший способ сжать вывод HTML вашего сайта!
       
      Модуль использует библиотеку Minify, настройки и описание библиотеки по ссылке https://github.com/matthiasmullie/minify
       
      Пример работы
       
      Тестирование с работающим модулем http://oc.anira-web.ru/
       
      Тестирование без минимизации http://oc.anira-web.ru/?tevik_no_minimized=true 
       
      Удаления JS/CSS кеша и его пересоздание http://oc.anira-web.ru/?tevik_clear_minimized=true
       
      P.S. для тестирования без минимизации любой страницы сайта добавьте в конец GET параметр ?tevik_clear_minimized=true
       
      Тесты Google Speed (специально выбрал страницу где больше контента)
       
      https://developers.google.com/speed/pagespeed/insights/?hl=ru&amp;url=http%3A%2F%2Foc.anira-web.ru%2Fdesktops - с работающим модулем
       
      https://developers.google.com/speed/pagespeed/insights/?hl=ru&amp;url=http%3A%2F%2Foc.anira-web.ru%2Fdesktops%3Ftevik_no_minimized - без минимизации
       
      Установка
       
      1. Скопируйте содержимое архива в корень Вашего сайта
      2. Если у вас версия OpenCart 2.0 добавьте файл dtevik_minifi.ocmod.xml через "Установщик расширений"
      3. Если у вас версия OpenCart 2.1 добавьте файл dtevik_minifi_2_1.ocmod.xml через "Установщик расширений"
      4. Если у вас версия OpenCart 2.3 добавьте файл dtevik_minifi_2_3.ocmod.xml через "Установщик расширений", 
      а так же Вам необходимо вручную подкорректировать 1 строку в файле /system/startup.php, 
      заменив require_once(DIR_SYSTEM . 'framework.php'); на require_once(modification(DIR_SYSTEM . 'framework.php')); 
      Это необходимо для изменения файла framework.php через модификаторы.
      5. Если у вас версия OpenCart 3+ добавьте файл dtevik_minifi_v3.ocmod.zip через "Установщик рассширений", 
      а так же Вам необходимо вручную подкорректировать 1 строку в файле /system/startup.php, 
      заменив require_once(DIR_SYSTEM . 'framework.php'); на require_once(modification(DIR_SYSTEM . 'framework.php')); 
      Это необходимо для изменения файла framework.php через модификаторы.
      6. Зайдите в раздел "Модификаторы" и сделайте обновление кеша модификаторов, нажав на кнопку "Обновить" 
      (в правом верхнем углу)
      7. По всем вопросам пишите в личку.
       
      P.S. некоторые темы используют специфические AJAX запросы содержащие JS файлы и JS код, например для открытия POPUP (быстрый заказ, обратный звонок). В таких случаях необходимо настраивать модуль минимизации под Ваш сайт. Данная настройка оплачивается отдельно (+2 000 руб) и в оплату покупки модуля не входит.
       
      ВНИМАНИЕ!!!
      Покупая данный модуль, иногда, необходима настройка модуля под ваш сайт. Так как необходимо подружить модуль с Вашей темой и установленными модулями. Данная услуга платная (2 000р.) и в покупку данного модуля не входит. 
      Так же перед покупкой проверьте, возможно, вы уже используйте минимизатор на основе библиотеки Minify. В таком случае будет конфликт и ошибки установки.
      Учитывайте данные пожелания перед покупкой.
      Спасибо!
       
      Совместимость
      Opencart, ocStore ver. 2-3
      (Можно подружить и с Opencart ver 1.5 при желании)
       
      Важно!
      Плагин с открытым программным кодом, не использует Ioncube!
       
      Добавил dentevik Добавлено 08.12.2018 Категория Кэширование, сжатие, ускорение Системные требования PHP Сайт разработчика https://anira-web.ru Старая цена 899 Метод активации Без активации 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.х Обращение к серверу разработчика Нет  
    • By dentevik
      Минимизация JS, CSS, HTML Opencart, ocStore 2,3 оптимизация скорости сайта для Google Speed Test
       
      Этот плагин Минимизирует вывод HTML сайта, объединяет JS и CS файлы в один, а так же минимизирует JS и CSS.

      Он сжимает вывод HTML, удаляя не нужные пробелы, уменьшает размер вывода вашего сайта, что заметно увеличит скорость работы вашего сайта, так как на выходе будет меньше контента.
       
      Так же плагин умеет вырезать из контента одинокие JS коды, минимизирует их и добавляет перед закрывающим тегом </body> после оптимизированного главного JS файла  (чтобы ничего не сломать)

      Это лучший способ сжать вывод HTML вашего сайта!
       
      Модуль использует библиотеку Minify, настройки и описание библиотеки по ссылке https://github.com/matthiasmullie/minify
       
      Пример работы
       
      Тестирование с работающим модулем http://oc.anira-web.ru/
       
      Тестирование без минимизации http://oc.anira-web.ru/?tevik_no_minimized=true 
       
      Удаления JS/CSS кеша и его пересоздание http://oc.anira-web.ru/?tevik_clear_minimized=true
       
      P.S. для тестирования без минимизации любой страницы сайта добавьте в конец GET параметр ?tevik_clear_minimized=true
       
      Тесты Google Speed (специально выбрал страницу где больше контента)
       
      https://developers.google.com/speed/pagespeed/insights/?hl=ru&amp;url=http%3A%2F%2Foc.anira-web.ru%2Fdesktops - с работающим модулем
       
      https://developers.google.com/speed/pagespeed/insights/?hl=ru&amp;url=http%3A%2F%2Foc.anira-web.ru%2Fdesktops%3Ftevik_no_minimized - без минимизации
       
      Установка
       
      1. Скопируйте содержимое архива в корень Вашего сайта
      2. Если у вас версия OpenCart 2.0 добавьте файл dtevik_minifi.ocmod.xml через "Установщик расширений"
      3. Если у вас версия OpenCart 2.1 добавьте файл dtevik_minifi_2_1.ocmod.xml через "Установщик расширений"
      4. Если у вас версия OpenCart 2.3 добавьте файл dtevik_minifi_2_3.ocmod.xml через "Установщик расширений", 
      а так же Вам необходимо вручную подкорректировать 1 строку в файле /system/startup.php, 
      заменив require_once(DIR_SYSTEM . 'framework.php'); на require_once(modification(DIR_SYSTEM . 'framework.php')); 
      Это необходимо для изменения файла framework.php через модификаторы.
      5. Если у вас версия OpenCart 3+ добавьте файл dtevik_minifi_v3.ocmod.zip через "Установщик рассширений", 
      а так же Вам необходимо вручную подкорректировать 1 строку в файле /system/startup.php, 
      заменив require_once(DIR_SYSTEM . 'framework.php'); на require_once(modification(DIR_SYSTEM . 'framework.php')); 
      Это необходимо для изменения файла framework.php через модификаторы.
      6. Зайдите в раздел "Модификаторы" и сделайте обновление кеша модификаторов, нажав на кнопку "Обновить" 
      (в правом верхнем углу)
      7. По всем вопросам пишите в личку.
       
      P.S. некоторые темы используют специфические AJAX запросы содержащие JS файлы и JS код, например для открытия POPUP (быстрый заказ, обратный звонок). В таких случаях необходимо настраивать модуль минимизации под Ваш сайт. Данная настройка оплачивается отдельно (+2 000 руб) и в оплату покупки модуля не входит.
       
      ВНИМАНИЕ!!!
      Покупая данный модуль, иногда, необходима настройка модуля под ваш сайт. Так как необходимо подружить модуль с Вашей темой и установленными модулями. Данная услуга платная (2 000р.) и в покупку данного модуля не входит. 
      Так же перед покупкой проверьте, возможно, вы уже используйте минимизатор на основе библиотеки Minify. В таком случае будет конфликт и ошибки установки.
      Учитывайте данные пожелания перед покупкой.
      Спасибо!
       
      Совместимость
      Opencart, ocStore ver. 2-3
      (Можно подружить и с Opencart ver 1.5 при желании)
       
      Важно!
      Плагин с открытым программным кодом, не использует Ioncube!
       
  • 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.