Melhores práticas: manter o número de elementos DOM Pequeno
Mais os elementos DOM na página, mais lento torna, mais lento é o acesso DOM em JavaScript. Um número elevado de elementos DOM pode ser projeto de layout devido ruim. Por exemplo, as tabelas aninhadas poderiam ter sido utilizados para fins de distribuição. Utilizar qualquer tag HTML onde está faz sentido semanticamente. Para, por exemplo tabelas de uso DONOT para layouts, mas DONOT hesite em usá-los onde você tem que exibir dados tabulares, e, portanto, usará reduzir elementos DOM, em comparação, para uma estrutura semelhante criado usando DIVs apenas ..
Para testar o número de elementos DOM em sua página HTML, basta digitar o seguinte no console do Firebug:
document.getElementsByTagName('*').length
Não há um padrão definido quanto ao número de elementos DOM são muitos. Confira outras páginas semelhantes que têm markup.Eg bom. Página inicial do Yahoo! é uma página muito ocupado e ainda em 700 elementos (tags de HTML).
