Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

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

Мобильная версия 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
  • Звернення до сервера розробника
    Нет

 

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

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

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


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

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

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

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

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

Попробую наоборот короче [emoji4] 
даёт возможность отдельно настроить отображение модулей для компьютера и отдельно для мобильного.
Каким образом происходит вывод.
Идёт запрос на определение моб или комп?
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

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


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
Ссылка на комментарий
Поделиться на других сайтах


  • 1 месяц спустя...

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

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


Да, не вопрос.)

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

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

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

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах


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

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

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

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

  • 4 месяца спустя...

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

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

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

Изменено пользователем pimur
Ссылка на комментарий
Поделиться на других сайтах


  • 2 месяца спустя...

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

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

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


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

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

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

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

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

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

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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

×
×
  • Создать...

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

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