Gelöst
übermäßige DOM-Größe verursacht durch JavaScript mit den HTML-Elementen in der Baumstruktur (hoher Speicherverbrauch)
vor 3 Jahren
Bei meiner Website befindet sich eine übermäßige DOM-Größe.
Nach der Analyse mit Lighthouse sollte eine übermäßige Größe vermieden werden, da es verschiedene Prozesse benachteiligt. Denn durch die Verbindung von JavaScript mit den HTML-Elementen und der Erzeugung der Baumstruktur wird es für die Verarbeitung Zeitprobleme geben.
Mir scheint, dass der Designer-Baukasten der Telekom beim Umbauen der Website die DOM-Elemente immer weiter in der Anzahl erhöht.
Aufgefallen ist mir das bereits schon unter der Marke von 500, nach Überschreitung der 1000 bin ich jetzt aber doch skeptisch geworden.
Mit einem Lego-Baukasten kann ich doch auch nahezu unbegrenzt Häuser bauen. Ist der Designer dafür weniger geeignet? (natürlich nicht zum Häuserbauen)
Dann wäre der Designer aber kein Baukasten, sondern eher eine Wunderkerze.
Eine Wunderkerze brennt ab, der Baukasten macht schlapp. (das müsste dann im Beipackzettel stehen)
Ein großes DOM führt zu hohem Speicherverbrauch, langwierigen Stilberechnungen und kostspieligen dynamischen Umbrüchen im Layout. Vorteilhaft kann dies für eine Website nicht sein.
Grüße
Peter
582
14
Das könnte Ihnen auch weiterhelfen
in
384
0
4
1540
0
6
493
0
2
Akzeptierte Lösung
akzeptiert von
vor 3 Jahren
ich gebe Deine Naliegen mal wieder an unsere Fachkollegen*innen weiter.
ich gebe Deine Naliegen mal wieder an unsere Fachkollegen*innen weiter.
Welches Anliegen möchtest Du da weitergeben @Neele G. ?
Die Meldung vom "Leuchtturm" gibt doch schon die Antwort. Er hat einfach zuviele Knoten auf seiner Seite, heißt er macht für fast jeden Satz ein eigenes Textfeld auf. Dabei gibt er jedesmal neue Stilinfos ein, wechselt laufend den Font etc. Das summiert sich halt und wirkt sich auf die DOMGröße aus.
Das sind nichtmal 10 Zeilen und er hat hunderte auf einer Seite!
MfG. Bernd
0
Akzeptierte Lösung
akzeptiert von
vor 3 Jahren
@Peter ... könntest du für die geneigten Mitleser die Lösung deines Problems hier schreiben?
@Peter ...
könntest du für die geneigten Mitleser die Lösung deines Problems hier schreiben?
Gerne @rainer1809
Das war ganz einfach, nachdem ich von @Gelöschter Nutzer die Info bekam, was die DOM-Elemente nach oben bringt.
Ich habe jede Seite der Website komplett markiert und die Schrift auf Tahoma gesetzt. Danach alle Überschriften wieder auf den Ursprung und dann lediglich noch einige Anpassungen in der Größe der Schrift.
Damit war das Problem weg.
0