Перейти к содержанию

Рекомендуемые сообщения

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


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


Модуль для ускорения мобильной версии сайта.

DEMO

Подробней:

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

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

 

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

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

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

 

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

  • уменьшить объём страницы, 
  • избавится от лишнего JavaScript кода,
  • избавится от css костылей,

     и др.

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

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

 

 

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

Большие скидки, для постоянных покупателей.

 

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

 

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

доступна пользователям из списка покупателей.

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

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

 

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

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

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

 


  • Добавил
    Sha
  • Добавлено
    13.03.2018
  • Категория
  • Системные требования
  • Сайт разработчика
    r.konotop.info
  • Старая цена
  • Метод активации
    Автоматическая активация
  • Ioncube Loader
    Нет
  • OpenCart
    2.3
    2.2
    2.1
  • ocStore
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, pimur сказал:

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Попробую наоборот короче  
даёт возможность отдельно настроить отображение модулей для компьютера и отдельно для мобильного.
Каким образом происходит вывод.
Идёт запрос на определение моб или комп?
Javascript?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
10 минут назад, pimur сказал:

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

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

 

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

Javascript?

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Например.

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

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

 

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

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

 

...

Поделиться сообщением


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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, pimur сказал:

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

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

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

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

 

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

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

 

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

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

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

:rolleyes:

Изменено пользователем pimur
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 часов назад, pimur сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 часов назад, pimur сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Какое первое впечатление? Есть прирост какой-то или, не дай бог, конфликты?
Прирост будет однозначно, просто ещё времени не было сесть написать отзыв.
Откройте демо. 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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, pimur сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, pimur сказал:

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

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
45 минут назад, pimur сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

Изменено пользователем pimur

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

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


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


      ROUNDSHOP - Универсальный адаптивный шаблон
      RoundShop - это адаптивный и универсальный OpenCart шаблон, который подойдет для интернет магазинов разных тематик таких как: одежда; обувь; сумки; аксессуары; часы, ювелирные изделия; косметика; и др. Дизайн шаблона детально проработан и выполнен в современном стиле. Особенностью шаблона является его простота и качество. Шаблон не нагроможден излишней универсальностью, которая приводит к появлению избыточного кода, наложению CSS стилей, лишних файлов. Благодаря простой и логичной структуре кода, шаблон RoundShop имеет высокую скорость работы и позволяет легко расширить интернет магазин, в случае если Вы захотите использовать модули от сторонних разработчиков к примеру: Simpla, Filter pro, топовые блоги и др. В комплекте шаблона присутствуют модули, которые расширят функционал и внешний вид Вашего онлайн магазина. В итоге Вы получаете готовый инструмент для Вашего бизнеса.
       
      Возможности и особенности шаблона:
      Адаптивный дизайн; Кроссбраузерная верстка; Чистый семантический валидный код (смотреть); Упрощенная форма заказа;  5 дополнительных позиций;  Гибкое управление внешним видом; Программная совместимость со сторонними продуктами;  Модуль актуальных статей; Кнопки социальных сетей  в футере и на странице контактов; Возможность разместить свой информационный текстовый блок в шапке;  Стикеры/метки на акционных, новых и топовых продуктах; Модули рекомендуемых товаров представлены в удобной карусели; Показ процентного соотношения скидки; Адаптивное main меню; Ширина шаблона 1600px.  
      Вместе с шаблоном вы бесплатно получаете модули (список).
       

       
       
      Логин: demo. Пароль: demo
       
      Пример работающего сайта на Roundshop.
       

       
       
      Модули в комплекте:
      модуль Упрощенная форма заказа; модуль 5 дополнительных позиций;  модуль Витрина (конструктор рекомендуемых, продвигаемых и др. товаров, с вкладками);  модуль Актуальные статьи; модуль Кнопки социальных сетей; модуль Layout Type, мобильные схемы.  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube. Локализация:
      русский английский  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
      Добавил Sha Добавлено 28.06.2017 Категория Платные шаблоны Системные требования php 5.4 и выше Сайт разработчика r.konotop.info Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От Sha
      RoundShop - это адаптивный и универсальный OpenCart шаблон, который подойдет для интернет магазинов разных тематик таких как: одежда; обувь; сумки; аксессуары; часы, ювелирные изделия; косметика; и др. Дизайн шаблона детально проработан и выполнен в современном стиле. Особенностью шаблона является его простота и качество. Шаблон не нагроможден излишней универсальностью, которая приводит к появлению избыточного кода, наложению CSS стилей, лишних файлов. Благодаря простой и логичной структуре кода, шаблон RoundShop имеет высокую скорость работы и позволяет легко расширить интернет магазин, в случае если Вы захотите использовать модули от сторонних разработчиков к примеру: Simpla, Filter pro, топовые блоги и др. В комплекте шаблона присутствуют модули, которые расширят функционал и внешний вид Вашего онлайн магазина. В итоге Вы получаете готовый инструмент для Вашего бизнеса.
       
      Возможности и особенности шаблона:
      Адаптивный дизайн; Кроссбраузерная верстка; Чистый семантический валидный код (смотреть); Упрощенная форма заказа;  5 дополнительных позиций;  Гибкое управление внешним видом; Программная совместимость со сторонними продуктами;  Модуль актуальных статей; Кнопки социальных сетей  в футере и на странице контактов; Возможность разместить свой информационный текстовый блок в шапке;  Стикеры/метки на акционных, новых и топовых продуктах; Модули рекомендуемых товаров представлены в удобной карусели; Показ процентного соотношения скидки; Адаптивное main меню; Ширина шаблона 1600px.  
      Вместе с шаблоном вы бесплатно получаете модули (список).
       

       
       
      Логин: demo. Пароль: demo
       
      Пример работающего сайта на Roundshop.
       

       
       
      Модули в комплекте:
      модуль Упрощенная форма заказа; модуль 5 дополнительных позиций;  модуль Витрина (конструктор рекомендуемых, продвигаемых и др. товаров, с вкладками);  модуль Актуальные статьи; модуль Кнопки социальных сетей; модуль Layout Type, мобильные схемы.  
      Технологии и библиотеки:
      html 5; css 3;  Bootstrap 3.3.5;  JQuery 2.1.1; не используется ionecube. Локализация:
      русский английский  
      Техническая поддержка
      Техническая поддержка доступна пользователям из списка покупателей.
      Если вы обращаетесь с просьбой разобраться в проблеме, то для экономии времени укажите:
      адрес сайта доступ в админ-панель доступ на FTP-сервер  
      По любым вопросам вы можете связаться с нами через:
      Личные сообщения на форуме; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.
       
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.