База знаний
Войдите в личный кабинет для возможности задавать вопросы и отвечать на комментарии.
Баг-репорты

"Сократите размер структуры DOM" - очень сильно влияет на работу сайта скорость загрузки и выполнения(исполнения CSS и JS)

Айдар
13 февраля 2019 16:31
Не принято
+9

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>

и т. д. в Бургер-меню, в списках товаров - вроде много избыточных тегов.

Можете их существенно уменьшить?

1 комментарий
Поддержка Bodysite
Поддержка Bodysite
+1

Тема дизайна MegaShop 2.0 спроектирована по принципу методологии БЭМ. Архитектура такой методологии предполагает разделение всех элементов на отдельные компоненты или блоки. Это помогает максимально избавиться от дублирования кода и стилей CSS. Примеры, приведенные вами, как раз таки демонстрируют вложенность одного компонента в другой, так как компоненты переиспользуемы и именно для конечных компонентов определяются стили CSS и их поведение через JavaScript. Любой браузер на сегодняшний день способен корректно и быстро обрабатывать такие DOM-узлы без проблем.

Добавить комментарий
Чтобы добавить комментарий, войдите в личный кабинет