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 гдемо с одинаковым контентом на одном сервере. С условием на одном например включены все позиции это гдесктоп. На втором только важное моб.

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

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

[pimur]

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

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

[pimur]

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

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

[Sha]

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

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

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

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

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

 

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

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

 

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

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

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

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

 

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

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

[pimur]

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

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

Изменено 17 мари 2018 пользователем pimur

[Sha]

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

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

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

[RaVIOLy]

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

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

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

[pimur]

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

Прирост бугдет однозначно, просто ещё времени не было сесть написать отзыв.
Откройте гдемо. F12 вкладка Нетворк, вверху иконка моб что бы отобразить мобильную версию, выберите например устройство nexus 5 да люпотому чтой телефон выберите, по памяти пишу.
Нажмите f5 посмотрите самый первый файл время отдали. Запомните.
Сгделайте экран респонсив. Нажмите f5.
И сравните.
На гдемо видно что скорость и обраещёний к серверу меньше и сам документ синовится меньше.
Как думаете бугдет быстрее рилиить?
Автор говорит же что по синдарту opencart написан модуль. Вывод зналит должен рилиить. Сам код непотому чтольшой и вряд-ли вызовит не совместимость с теми модулями которые написанные правильно, а не через одно место.
Отзыв позже, ик как я посивил на ещё не продажный проект.
Но, с правильным подходом, все это должно дать сногсшибательный и резульит, в связки с jetcashe https://opencart-forum.ru/files/file/3833-jet-cache-seo-cms-2-dzhet-kesh-keshirovanie-dlya-magazinov/
И сжатие изображения https://opencart-forum.ru/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 будут очень рады!

Изменено 6 сентября 2018 пользователем pimur

[trialon77]

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

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

[markimax]

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

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

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

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

[Sha]

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