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

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

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

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

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

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

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

а так-же:

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

и др.

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

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