Почему операции с DOM деревом ресурсоемкие

Операции с DOM медленные, потому что: 1. **DOM не часть JavaScript** – это API браузера. Каждое обращение к DOM требует переключения между JS и движком рендеринга. 2. **Рефлоу и репайнт** – изменение DOM часто вызывает пересчет layout (рефлоу) и перерисовку (репайнт) страницы. Пример плохого кода: ```javascript // Множественные операции с DOM for(let i = 0; i < 100; i++) { document.body.innerHTML += ``; } ``` Лучше использовать DocumentFragment или строку: ```javascript // Оптимизированная версия let html = ''; for(let i = 0; i < 100; i++) { html += ``; } document.body.innerHTML = html; ``` Для сложных SPA рекомендуется использовать виртуальный DOM (React, Vue) или шаблонизаторы, минимизирующие прямые манипуляции с DOM.