Вставка DOM: быстрее ли вставляются некоторые типы тегов при вставке в DOM?

Question

У меня есть веб-страница, использующая шаблоны на стороне клиента для обновления части страницы на основе json, полученного с помощью вызова ajax.

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

Мне интересно знать, являются ли некоторые теги быстрее при вставке в DOM, чем другие? То есть, стоит ли мне изменить свой ul на какой-то другой тег или, возможно, изменить теги внутри Li?

спасибо

б

Answer 1

Самый быстрый способ - создать HTML как текст и один раз установить свойство innerHTML.

Другой подход заключается в создании фрагмента документа и после этого поместите его в DOM.

Может быть разница в скорости вставки того или иного тега, но она будет незначительной и разной в разных браузерах.

Дело в том, что касание DOM - очень дорогая операция - если скорость - то, что вам нужно - минимизируйте это.

Взгляните на Советы по производительности Стояна Стефанова .

Answer 2

Во-первых, это полностью зависит от браузера.

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