En el desarrollo de navegadores se recomienda que las paginas contengan menos de ~1500 nodos de DOM. Esto implica que debe evitarse realizar diseños muy complejos

Lo ideal es conseguir una profundidad de árbol de < 32 elementos y menos de 60 elementos secundarios por cada nodo principal. Los DOM de gran tamaño aumentan el uso de la memoria, hacen que los cálculos de estilo sean más largos y producen reinicios de flujo más caros. Más información:

https://developers.google.com/web/fundamentals/performance/rendering/avo...