Best Practices: Halten Sie die Anzahl von DOM-Elementen Kleine
Mehr die DOM-Elemente auf der Seite, es macht langsamer, langsamer ist der DOM-Zugriff in der JavaScript. Eine hohe Anzahl von DOM-Elementen kann durch schlechte Layout-Design sein. Zum Beispiel könnte verschachtelte Tabellen zu Layout-Zwecken verwendet worden sein. Verwenden Sie ein beliebiges HTML-Tag, wo sinnvoll ist semantisch. Für zB DONOT Verwendung Tabellen für Layouts, aber DONOT zögern, sie zu benutzen, an der Sie tabellarische Daten dargestellt werden, und wird daher verwenden DOM-Elemente zu reduzieren, im Vergleich zu einer ähnlichen Struktur erstellt mit DIVs nur ..
Um die Anzahl der DOM-Elemente in Ihre HTML-Seite zu testen, geben Sie einfach folgendes in der Firebug-Konsole:
document.getElementsByTagName('*').length
Es gibt keinen festgelegten Standard, wie viele DOM-Elemente sind zu viele. Überprüfen Sie andere ähnliche Seiten, die gute markup.Eg haben. Yahoo! Homepage ist eine Seite ziemlich beschäftigt und immer noch unter 700 Elemente (HTML-Tags).
