Довідка та документація
Швидкість Середній вплив Середнє залежно від причини
Надмірний DOM
Кількість елементів перевищує розумну межу.
Що це
Сторінка має надмірну кількість HTML-елементів. Це навантажує пам'ять і процесор та сповільнює рендеринг і взаємодії.
Чому це важливо
Те саме, що й при розмірі DOM, більше вузлів означає більше роботи для браузера при кожній зміні та гіршу плавність на слабших пристроях.
Як це зробити
- 1Зменшіть зайві обгорткові елементи та вкладення.
- 2Розбивайте на сторінки/віртуалізуйте довгі списки й таблиці.
- 3Спростіть складні компоненти й шаблони.
Висновок
Див. тему «Розмір DOM». Причиною зазвичай бувають роздуті шаблони чи довгі списки без посторінкової розбивки, вирішуйте це насамперед, це принесе найбільше полегшення.
Повʼязані теми