Jump to content

Recommended Posts

Layout Type, ускорение мобильной версии.


Layout Type, ускорение мобильной версии.


Инструмент, который поможет ускорить мобильную версию OpenCart!

 

Как сделать шаблон адаптивным? на мобильной версии скрыть "лишние" элементы.

Нужно, что-бы при этом не пострадало usability? переместить модули и виджеты на другие позиции.

 

Даже топовые шаблоны, поступают именно таким образом, элементы которые "не нужны" или наоборот необходимы только в мобильной версии: либо скрываются посредством css (display:none); либо перемещаются, хорошо если flexbox или bootstrap pull push но часто с помощью навешивания множества слушателей событий javascript. Даже адаптивность bootstrap основана на таких принципах.

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

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

 

модуль Мобильные схемы который позволит:

  • уменьшить объём страницы (предотвратить чрезмерную нагрузку на сеть), 
  • сократить размер структуры DOM,
  • ускорить время окончания работы ЦП,
  • избавится от лишнего JavaScript кода (сократить время выполнения кода JavaScript),
  • избавится от css костылей,

      а так-же:

  • Устранить ресурсы, блокирующие отображение,
  • Сократить время ответа сервера (время до получения первого байта, TTFB),
  • Использовать подходящий размер изображений,

 

     и др.

     при этом даже улучшив

 

  • адаптивность,
  • гибкость в настройке и
  • дружелюбность Вашего сайта!

 

 

Поддерживает встроенные схемы популярных модулей, например поддерживает SEOCMS.

 

Бесплатно модуль получить можно вместе с шаблоном Roundshop.

 

данная версия поддерживает OpenCart 2.1.x, 2.2.x, 2.3.x, ocStore 2.1.x, 2.2.x, 2.3.x
версию для Opencart 3.x, ocStore 3.x можно скачать здесь!

 

Техническая поддержка

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

Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:

  1. адрес сайта
  2. доступ в админ-панель
  3. доступ на FTP-сервер

 

По любым вопросам вы можете связаться с нами через:

  • Личные сообщения на форуме;

Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.

 

 


  • Добавил
    Sha
  • Добавлено
    13.03.2018
  • Категория
  • Системные требования
  • Метод активации
    Автоматическая активация
  • 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.х
  • Обращение к серверу разработчика
    Нет
  • Старая цена
    0

 

Share this post


Link to post
Share on other sites

Что то интересное видать. Но я чет не уловил смысл. Можно подробно рассказать как работает? Или я не достаточно внимательно прочитал?

Share this post


Link to post
Share on other sites
3 часа назад, pimur сказал:

Можно подробно рассказать как работает?

Попробую наоборот короче :) 

даёт возможность отдельно настроить отображение модулей для компьютера и отдельно для мобильного.

Share this post


Link to post
Share on other sites
Попробую наоборот короче  
даёт возможность отдельно настроить отображение модулей для компьютера и отдельно для мобильного.
Каким образом происходит вывод.
Идёт запрос на определение моб или комп?
Javascript?

Отправлено через Tapatalk

Share this post


Link to post
Share on other sites
10 минут назад, pimur сказал:

Каким образом происходит вывод.

Штатными средствами OpenCart.

 

10 минут назад, pimur сказал:

Javascript?

Нет ещё на сервере. (PHP).

Share this post


Link to post
Share on other sites

Например.

На компьютере:

  • Левая колонка "Список категорий, Фильтр, Баннеры, Подпика, ещё что-то",
  • Верх "Слайдшоу (баннер 1), Рекомендуемые, Товары".

 

На мобильном: 

  • Левая колонка " " (отсутствует, и страница здесь ни чего не загружает зря),
  • Верх "Фильтр, Товары, Тот-же баннер 1 (но с другими параметрами лучше подходящими для мобильной версии, например карусель со swipe)".

 

...

Share this post


Link to post
Share on other sites
Например.
На компьютере:
  • Левая колонка "Список категорий, Фильтр, Баннеры, Подпика, ещё что-то",
  • Верх "Слайдшоу (баннер 1), Рекомендуемые, Товары".
 
На мобильном: 
  • Левая колонка " " (отсутствует, и страница здесь ни чего не загружает зря),
  • Верх "Фильтр, Товары, Тот-же баннер 1 (но с другими параметрами лучше подходящими для мобильной версии, например карусель со swipe)".
 
...
Есть ли разница в скорости загрузки первого байта(ttfb)
при условии что стоит модуль и нет.
Хотелось бы 2 демо с одинаковым контентом на одном сервере. С условием на одном например включены все позиции это десктоп. На втором только важное моб.

Ну и нагрузить страницу что бы ощутить разницу.
Напичкать их модулями тяжелыми или какими то данными.

Отправлено с моего HUAWEI CUN-U29 через Tapatalk

Share this post


Link to post
Share on other sites

Насколько тормозит получение запроса моб или десктоп на ttfb.
То что для мобильной контента будет меньше и вследствии страница белет меньше этот понятно.
Интересно самая важная часть выше.

Отправлено с моего HUAWEI CUN-U29 через Tapatalk

Share this post


Link to post
Share on other sites

Ну и соответственно главное как уживется с jetcashe.

Отправлено с моего HUAWEI CUN-U29 через Tapatalk

Share this post


Link to post
Share on other sites
1 час назад, pimur сказал:

Ну и соответственно главное как уживется с jetcashe.

Не должно быть проблем,

так как ни каких "велосипедов" не используется, модуль сделан используя только предусмотренные opencart средства.

если jet cache сильно не меняет код, и вообще дружит с любыми дополнениями.

 

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

Насколько тормозит получение запроса моб или десктоп на ttfb.

 

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

Есть ли разница в скорости загрузки первого байта(ttfb)

Тестировалось с включённой мобильной схемой и без неё. То что сейчас на демо сайте.

например 10 попыток с включенной (сумму / 10) и 10 попыток с выключенной, тоже среднее. Результат показал увеличение  ttfb на 29,60%.

 

Конечно-же вариантов тестирования много, и показатели ориентировочные.

За остальные подсказки спасибо, мы работаем над этим.

Share this post


Link to post
Share on other sites

Еще вопрос. Скрипты с head можно убирать если модуль используемый в позиции в которой не отображается на мобильной версии, тоже вырубать?

- Купил! Буду первым!

:rolleyes:

Edited by pimur
  • +1 1

Share this post


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

Еще вопрос. Скрипты с head можно убирать если модуль используемый в позиции в которой не отображается на мобильной версии, тоже вырубать?

Скрипты отключатся автоматически.

Share this post


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

- Купил! Буду первым!

Какое первое впечатление? Есть прирост какой-то или, не дай бог, конфликты?

Share this post


Link to post
Share on other sites
Какое первое впечатление? Есть прирост какой-то или, не дай бог, конфликты?
Прирост будет однозначно, просто ещё времени не было сесть написать отзыв.
Откройте демо. F12 вкладка Нетворк, вверху иконка моб что бы отобразить мобильную версию, выберите например устройство nexus 5 да любой телефон выберите, по памяти пишу.
Нажмите f5 посмотрите самый первый файл время отдачи. Запомните.
Сделайте экран респонсив. Нажмите f5.
И сравните.
На демо видно что скорость и обращений к серверу меньше и сам документ становится меньше.
Как думаете будет быстрее работать?
Автор говорит же что по стандарту opencart написан модуль. Вывод значит должен работать. Сам код небольшой и вряд-ли вызовит не совместимость с теми модулями которые написанные правильно, а не через одно место.
Отзыв позже, так как я поставил на ещё не продажный проект.
Но, с правильным подходом, все это должно дать сногсшибательный и результат, в связки с jetcashe https://opencartforum.com/files/file/3833-jet-cache-seo-cms-2-dzhet-kesh-keshirovanie-dlya-magazinov/
И сжатие изображения https://opencartforum.com/topic/89012-szhatie-izobrazheniy-opencart-kompressor-plyus-vodyanoy-znak-i-bonusy/

Отправлено через Tapatalk

Share this post


Link to post
Share on other sites
Только что, pimur сказал:

Откройте демо. F12 вкладка Нетворк

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

Share this post


Link to post
Share on other sites

Цена вопроса 300 р. =)

12 минут назад, RaVIOLy сказал:

боевой проект

Если есть куда, делов прочикать 5 минут. Не понравится результат, хотя думаю вряд ли =)

Share this post


Link to post
Share on other sites
Только что, pimur сказал:

Цена вопроса 300 р. =)

Если есть куда, делов прочикать 5 минут. Не понравится результат, хотя думаю вряд ли =)

Внес в to do лист. Попробую обязательно. Сейчас некогда играться)))

  • +1 1

Share this post


Link to post
Share on other sites

Кстати, как то надо бы наверно адаптировать с модулем seocms от @markimax Потому что у модуля своя схема в админке модуля, вплане она стандартная, но вот как впихивать виджеты для мобильной чет пока не понял

Share this post


Link to post
Share on other sites

Подтверждаю поддержку сеокмс. Я сам ступил достаточно было после копирования схемы с ее root дописать в указанной схеме для мобильной в названии что нибудь в моем случае я дописал например для главной Десктоп стандартно - Главная, Для мобильной https://prnt.sc/jdp3r4 === Главная - (моб).

Все и сеокмс ее понял тоже =) Результат на дестопе большой баннер, на моб - поменьше или вообще убираем и выводим текстовое содержание!

  • +1 1

Share this post


Link to post
Share on other sites
45 минут назад, pimur сказал:

Результат на дестопе большой баннер, на моб - поменьше

Это тоже одна из возможностей модуля - разные настройки. Не только банально выводить/невыводить.

Share this post


Link to post
Share on other sites

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

Решение: Достаточно написать небольшой ocmod в пару строк и выводить разные tpl-ки. Тем самым, можно достаточно улучшить общий рендеринг всей страницы в целом!

Я тут поигрался на одном из своих проектов. И удалось уменьшить вес всей странице в категории товаров с большим разрешением фото, в разделе по 30 товаров, но изначально страница весит при полной загрузке всего 300кб > Бомба. Мобильные пользователи с low 3g будут очень рады!

Edited by pimur

Share this post


Link to post
Share on other sites

Такой вопрос: если стоит модуль Jet Cache - нужно в его настройках включать отдельный кеш для мобильных? 

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

Share this post


Link to post
Share on other sites
2 минуты назад, trialon77 сказал:

Такой вопрос: если стоит модуль Jet Cache - нужно в его настройках включать отдельный кеш для мобильных? 

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

Если тема адаптивная то не надо.
Дело в том что адаптивная тема что для пк что для мобильных имеет  одинаковые шаблоны
Просто срабатывают правила css media (которые кстати снижают попугаи в мобильной выдаче т к уходит время на загрузку css файла там где они есть) по ширине окна браузера и вся "разница".
 

Share this post


Link to post
Share on other sites

Join the conversation

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

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

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

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


  • Similar Content

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


      MULTIEDIT - Пакетное редактирование товаров
      MULTIEDIT - пакетное редактирование товаров (Opencart 2.3)
      Multiedit - предназначен для группового редактирования различных параметров и опций товаров. Модуль позволяет быстро отредактировать все возможные стандартные атрибуты, описания, и другие свойства выбранных продуктов без необходимости индивидуального входа в карточку товара.  Это могут быть продукты выбранные из общего списка или все товарные единицы из одной либо нескольких категорий и производителей. Модуль повторяет внешний вид и расположение всех редактируемых полей как при обычном изменении товара, но изменения вносятся не в один, а во все выбранные изделия. Таким образом данное дополнение значительно облегчит процесс редакции данных и позволит сэкономить много времени.
      Данный модуль это надёжный инструмент и хороший помощник в редактировании товаров и наполнении интернет магазина.
       
      С помощью модуля можно массово:
      Редактировать названия, описания, мета теги;  
      Редактировать созданные опции, атрибуты к выбранным товарам
      Менять принадлежность к категории и производителю;
      Управлять фильтрами;
      Добавлять файлы к выбранным товарам (видео, инструкции и тд);
      Управлять скидками и акциями;
      Настраивать бонусные баллы;
      Редактировать изображения;
      Настраивать ЧПУ;
      Назначать регулярные платежи;
      Указывать сопутствующие и рекомендуемые товары;
      Пакетно изменять цены
      и другое... (детальнее смотреть демо)
       
      ДЕМО (список товаров)
      ДЕМО (редактирование выбранных товаров)
      ДЕМО (редактирование всех товаров выбранной категории)
      ДЕМО (редактирование всех товаров выбранного производителя)
      Логин: demo Пароль: demo
       
      Версии CMS
      Модуль тестировался и работает на OpenCart 2.3.x.x Версию модуля для OpenCart, ocStore 1.5.6, а так-же 2.0.x, 2.1.x, 2.2.x можно скачать здесь  
      Локализация
      Русский English  
      Установка и обновление модуля
      С помощью стандартного функционала OpenCart. 
      Подробная инструкция в файле readme.pdf
       
      Лицензия
      Данный модуль реализуется по принципу: одна лицензия на один домен. Вы не можете распространять, передавать или иным образом предоставлять третьим лицам право на использование данного продукта.  
      Гарантии и обязательства
      Разработчик не гарантирует отсутствие ошибок или корректной работы дополнения если: 
      В код сайта внесено много изменений; На сайте установлены конфликтующие между собой компоненты; Приобретаемое дополнение не совместимо с Вашей версией CMS. Во избежание потери данных перед установкой, рекомендуем делать backup файлов и базы данных!
       
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей модуля.
      Обращаясь с просьбой разобраться в проблеме, предоставьте:
      Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки или консультаций, Вы можете связаться с нами через: 
      Личные сообщения на форуме; Тема поддержки Multiedit. Электронный адрес roma78sha@gmail.com Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. 
       
      Добавил Sha Добавлено 16.03.2017 Категория Редакторы Системные требования php 5.4 и выше Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 Обращение к серверу разработчика Нет Старая цена 750  
    • By markimax
      1 490.00 руб
      Скачать/Купить дополнение


      Jet Cache - кеширование, pagespeed, оптимизация для магазинов

       

      Логин / пароль:
      demo / demo
       
      Документация  
      Более 10`000 интернет магазинов выбрали для работы
      JET CACHE - быстрая система кеширования страниц, контроллеров и методов моделей opencart
      Pagespeed оптимизация
      Возможности
       
      - оптимизация под Google pagespeed (минификация, перенос скриптов css и js)
        - кеширует полностью страницы при полной интеграции с opencart (позволяет кешировать и для зарегистрированных пользователей и изменений корзины а также в зависимости от изменений в модулях)  
      - кеширует выбранные контроллеры (т е фактически  любые модули, будь то меню или т.п. а также полностью кеширует позиции (уникальная технология которая не реализовано ни в одном модуле кеширования для opencart) (с))  
      - подгрузка ajax любых контроллеров   - кеширует методы моделей opencart (подсчет количества товаров и т п )   - кеширование запросов   - конвертер изображений в формат WEBP  
      - простая установка и обновление  
      - гибкие настройки  
      - поддержка мультиязычности  
      - поддержка мультимагазинов  
      - поддержка протоколов https и http  
      - совместимость с любой темой, любыми модулями, которые соответствуют стандартам программирования  
      - поддержка кеширования sitemap Чем модуль лучше других
       
      - уникальные технологии кеширования не имеющие аналогов в opencart (технология полной интеграции с opencart, в отличии от всех кешировщиков которые сделаны по технологии v2pagecache, которые не интегрированы в opencart)  
      - модуль работает с любыми темами и модулями Требования
       
      Opencart (любой версии) или любая сборка на нем (ocStore, Opencart.PRO, или другие) PHP 5.3 или выше
      Для конвертирования и сжатия изображений в формат webp необходима стандартная функция php proc_open или exec Модуль НЕ заменяет файлы системы Модуль НЕ использует ioncube  
      Совместимость модуля
       
      Opencart 1.5.x,  2.x, 3.x или любая сборка на нем (ocStore, Opencart.PRO, или другие) Любая тема или любые модули (которые сделаны без ошибок, согласно стандартов программирования или верстки) для оpencart 1.5.x, 2.x, 3.x  
      Установка, настройка
       
      1. Скачать с сайта где вы купили модуль, последнюю версию модуля.
      2. Установите модуль через штатный установщик дополнений opencart "Установка дополнений" или скопируйте (через FTP) файлы из архива (содержимое папки upload) в корневую папку сайта (там где index.php). (если вы копируете первый раз, система не должна запрашивать файлы на перезапись, так как модуль не перезаписывает никаких системных файлов opencart и ocStore). При обновлении перепишите файлы поверх. Если у вас пользовательская тема (не default)- ни в коем случае не переписывать файлы шаблонов модуля (из архива) к себе в тему.
      3. Если ваша версия opencart ниже чем 2.1 удалите по FTP папку (НЕ файл module.php, а именно папку) module в /admin/controller/extension/ (т. е. удалите папку /admin/controller/extension/module), так как вы не сможете зайти в меню Модули (Дополнения).
      4. Установите права доступа в /admin/index.php?route=user/user_permission&token=... (не забываем про вашу токен сессию &token=ваша сессия) для Главного администратора нажав на ссылку "изменить"
      5. Выделите "Разрешен просмотр" и "Разрешено внесение изменений" файлов модуля (если вы не знаете какие - нажмите ссылку "выделить всё") и нажмите кнопку "Сохранить"
      6. Зайдите в административную часть сайта /admin/index.php?route=extension/module и установите модуль, нажав на ссылку "установить"
      7. Зайти в главную модуля админ. части admin/index.php?route=jetcache/jetcache
      8. На главной модуля Jet Cache нажмите на таб "Установка и обновление"
      9. Нажмите на оранжевую кнопку "Установка и обновление модификаторов, данных модуля, выполняется при установке и обновлении модуля)".
      Установятся модификаторы модуля.
      10. Процедура установки закончена.  
      Лицензия Все права на модуль принадлежат разработчикам opencartadmin.com Условия использования лицензии: один домен - одна лицензия (покупка продукта для каждого домена). Условия использования лицензии - "на владельца". Далее... Добавил markimax Добавлено 15.03.2017 Категория Кэширование, сжатие, ускорение Системные требования PHP 5.4+ (для конвертирования и сжатия изображений в формат webp необходима стандартная функция php proc_open или exec) Метод активации Через официальный сайт дополнения 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.х Обращение к серверу разработчика Нет Старая цена 590  
  • 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.