pagespeed Модуль Мобильная версия OpenCart, ускорение магазина [Поддержка]

[Sha]

5
Завантажити / Придбати розширення

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

 

[pimur]

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

[Sha]

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

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

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

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

[pimur]

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

Каким образом происходит вывод.
Идёт запрос на определение моб или комп?
Javascript?

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

[Sha]

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

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

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

 

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

Javascript?

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

[Sha]

Например.

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

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

 

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

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

 

...

[pimur]

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

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

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

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

 
...

Есть ли разница в скорости загрузки первого байта(ttfb)
при условии что стоит модуль и нет.
Хотелось бы 2 демо с одинаковым контентом на одном сервере. С условием на одном например включены все позиции это десктоп. На втором только важное моб.

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

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

[pimur]

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

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

[pimur]

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

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

[Sha]

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

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

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

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

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

 

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

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

 

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

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

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

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

 

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

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

[pimur]

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

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

Edited March 17, 2018 by pimur

[Sha]

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

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

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

[RaVIOLy]

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

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

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

[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

[RaVIOLy]

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

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

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

[pimur]

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

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

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

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

[RaVIOLy]

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

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

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

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

[pimur]

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

[Sha]

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

[pimur]

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

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

[Sha]

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

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

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

[pimur]

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

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

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

Edited September 6, 2018 by pimur

[trialon77]

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

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

[markimax]

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

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

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

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

[Sha]

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