https://developers.google.com/speed/pagespeed/insi...
Собственно даже у вашей тестовой главной страницы около 4-5 тысяч DOM узлов.
Особенно на страницах с включенными 20-30 фильтрами - DOM узлы легко переваливают за 10 тысяч.
Посмотрел код шаблона. Там много где такого рода вложений:
<span class="l-label__content-container"><span class="l-label__content-wrapper"><span class="l-label__content">Samsung</span></span></span>
- тут можно было максимум 1-2 тегами обойтись.
<div class="c-product-features-overview__item"><span class="c-value"><span class="c-value__label-text">Вес:</span><span class="c-value__value-text">100</span></span></div>
и т. д. в Бургер-меню, в списках товаров - вроде много избыточных тегов.
Можете их существенно уменьшить?
Тема дизайна MegaShop 2.0 спроектирована по принципу методологии БЭМ. Архитектура такой методологии предполагает разделение всех элементов на отдельные компоненты или блоки. Это помогает максимально избавиться от дублирования кода и стилей CSS. Примеры, приведенные вами, как раз таки демонстрируют вложенность одного компонента в другой, так как компоненты переиспользуемы и именно для конечных компонентов определяются стили CSS и их поведение через JavaScript. Любой браузер на сегодняшний день способен корректно и быстро обрабатывать такие DOM-узлы без проблем.