Почему pagespeed insights показывает Сократите Общее количество узлов DOM?

Question

[Sanchik97]

Здравствуйте! Подскажите пожалуйста, почему google pagespeed показывает, что нужно "Сократите размер структуры DOM 1 322 узла" - сайт remobi.tk; Что значит эта цифра и откуда она? Как можно исправить данную проблему?

Answer 1

[Николай Шабалин]

Там же есть все рекомендации. Почитайте их и пройдите по предложенной ссылке

Browser engineers recommend pages contain fewer than ~1,500 DOM nodes. The sweet spot is a tree depth < 32 elements and fewer than 60 children/parent element. A large DOM can increase memory usage, cause longer style calculations, and produce costly layout reflows. Learn more.

Comments

[Николай Шабалин]

document.querySelectorAll('*') // 1254

[Guliver99]

там требование не более 1500
не более 32 вложенности DOM
не более 60 дочерних элементов.

проблема в том что даже при выполнении все равно просит сократить DOM
Общее количество элементов DOM - 872
Максимальная глубина вложенности DOM - 13
Максимальное число дочерних элементов - 48

[Николай Шабалин]

Верно. Опять же - это всё написано в рекомендации.