В JavaScript можно легко работать с DOM (в том числе добавлять, изменять и удалять элементы), но часто разработчики делают это неэффективно. Например, добавляют серии элементов по одному за раз. Однако операция добавления элементов весьма затратна, и последовательного её выполнения нужно избегать. Если нужно добавить несколько элементов, то, в качестве альтернативы, можно использовать фрагменты документа: var div = document.getElementsByTagName("my_div"); var fragment = document.createDocumentFragment(); for (var e = 0; e < elems.length; e++) { fragment.appendChild(elems[e]); } div.appendChild(fragment.cloneNode(true)); Также рекомендуем сначала создавать и модифицировать элементы, а потом уже добавлять в DOM, это также существенно повышает производительность. #sbstudio #sbполезнаяинформация #pweb #сбстудия #теглайн #тэглайн #ratingruneta #рейтингрунета #какдобитьсяуспеха #cmsmagazine
Российская веб-студия SB-Studio
Нерациональное использование DOM.
В JavaScript можно легко работать с DOM (в том числе добавлять, изменять и удалять элементы), но часто разработчики делают это неэффективно. Например, добавляют серии элементов по одному за раз. Однако операция добавления элементов весьма затратна, и последовательного её выполнения нужно избегать.
Если нужно добавить несколько элементов, то, в качестве альтернативы, можно использовать фрагменты документа:
var div = document.getElementsByTagName("my_div");
var fragment = document.createDocumentFragment();
for (var e = 0; e < elems.length; e++) {
fragment.appendChild(elems[e]);
}
div.appendChild(fragment.cloneNode(true));
Также рекомендуем сначала создавать и модифицировать элементы, а потом уже добавлять в DOM, это также существенно повышает производительность.
#sbstudio #sbполезнаяинформация #pweb #сбстудия #теглайн #тэглайн #ratingruneta #рейтингрунета #какдобитьсяуспеха #cmsmagazine