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

Recommended Posts

Мобильная версия OpenCart, ускорение магазина


Мобильная версия OpenCart, ускорение магазина


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

 

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

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

 

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

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

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

 

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

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

      а так-же:

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

 

     и др.

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

 

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

 

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

 

В конце месяца большие скидки!

Старая цена 15$ со скидкой 5$!

 

данная версия поддерживает 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 по киевскому времени за исключением выходных и праздничных дней.

 

Внимание

Модуль не является кнопкой - нажал и сайт "полетел"...  за "волшебством" лучше обратиться к другим модулям.

Layout Type - инструмент, который даёт возможность настроить и ускорить мобильную версию магазина.

 


  • Автор
    Sha
  • долучення
    13.03.18
  • Категорія
  • Системные требования
    php 5.6 и выше
  • Метод активации
    Автоматическая активация
  • Ioncube Loader
    Нет
  • ocStore
    2.3.0.2.4
    2.3
  • OpenCart.Pro, ocShop
    Opencart.pro 2.3
  • Звернення до сервера розробника
    Нет

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites


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

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

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

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

Link to comment
Share on other sites

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

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

Link to comment
Share on other sites


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

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

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

 

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

Javascript?

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

Link to comment
Share on other sites

Например.

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

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

 

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

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

 

...

Link to comment
Share on other sites

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

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

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

Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

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

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

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

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

 

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

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

 

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

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

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

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

 

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

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

Link to comment
Share on other sites

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

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

:rolleyes:

Edited by pimur
  • +1 1
Link to comment
Share on other sites


15 часов назад, pimur сказал:

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

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

Link to comment
Share on other sites

15 часов назад, pimur сказал:

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

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

Link to comment
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

Link to comment
Share on other sites


Только что, pimur сказал:

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

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

Link to comment
Share on other sites


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

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

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

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

Link to comment
Share on other sites


Только что, pimur сказал:

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

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

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

  • +1 1
Link to comment
Share on other sites


  • 1 month later...

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

Link to comment
Share on other sites


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

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

  • +1 1
Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites

  • 4 months later...

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

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

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

Edited by pimur
Link to comment
Share on other sites


  • 2 months later...

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

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

Link to comment
Share on other sites


2 минуты назад, trialon77 сказал:

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

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

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

Link to comment
Share on other sites

Похоже вопрос как раз в том: разделяет ли JC кеш по схемам?

Link to comment
Share on other sites

Create an account or sign in to comment

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

Create an account

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

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.