Wie hoch ist die durchschnittliche Anzahl der divs für eine stabile Seite?

Question

Vor einiger Zeit fand ich this site, die eine API hat, um Sachen in Javascript mit divs zu zeichnen.

Ich habe versucht, es zu verwenden, aber bemerkte, dass als die Anzahl der Divs erhöht, die Stabilität der Seite (vor allem das Auswählen, Kopieren, Einfügen) verringert.

Jetzt bin ich dabei, eine Web-App zu schreiben, die eine große Menge an generierten divs haben wird, und ich frage mich, ob es seine Stabilität beeinflussen wird.

Was ist die durchschnittliche Grenze von divs, die verwendet werden kann, damit die Webseite stabil bleibt und eine Überlastung vermieden wird?

Answer 1

Browser- und anwendungsspezifisch. Ich kenne keine guten Metriken oder Ressourcen dafür, und da jede Javascript-Anwendung in ihrer Verwendung von divs einzigartig ist, glaube ich nicht, dass es eine harte Grenze gibt.

Für einige Designs in einigen Browsern wird es eine niedrige Anzahl sein, während die gleichen Designs in anderen Browsern höher sein können, und verschiedene Designs können entgegengesetzt sein.

Es gibt verschiedene Faktoren zu berücksichtigen:

• DOM im Browser
• Rendering im Browser
• Javascript-Engine
• Handhabung Wie der Browser die oben genannten Elemente verbindet, Warteschlangen Ereignisse , Auslöser, usw.

Ich glaube, dass die einzige Weise, die Sie gute Informationen erhalten, ist, etwas zu tun Testen, das das Verhalten aufweist, das von Ihrer Anwendung erwartet wird.

Wenn es eine Möglichkeit gibt, extra Divs zu vermeiden, nehmen Sie es.

Answer 2

Leider, wie Sie gefunden haben, eine große Anzahl von DIVs zu erstellen, fügt eine Menge zusätzliche Extras hinzu und macht den Browser instabil.

Bevor Sie Ihre App erstellen, sollten Sie testen, wie verschiedene Browser auf eine große Anzahl von divs reagieren.

Es wäre nicht schwer, Webseiten dynamisch zu generieren, die der Ausgabe Ihrer neuen Web-App ähneln, und mit der Anzahl der divs in jedem zu experimentieren.

Ich erwarte große Unterschiede in der Leistung abhängig vom verwendeten Browser.