Geschwindigkeit

Zu große oder zu tief verschachtelte Seitenstruktur

Üblicher Schweregrad: mittel · Aufwand: mittel

Woran du es erkennst

Die Seite erzeugt tausende Elemente oder verschachtelt sie dutzende Ebenen tief — meist eine Liste ohne Blätterung, ein tief geschachtelter Bauteilbaum oder eine Tabelle, die vollständig aufgebaut wird.

Warum es zählt

Eine große Struktur kostet Arbeitsspeicher und macht jede Neuberechnung von Stil und Anordnung teurer. Das verschlechtert unmittelbar die Reaktionsfähigkeit und das Scrollverhalten — und es verstärkt still jedes andere Geschwindigkeitsproblem der Seite.

So behebst du es

  1. Blättere oder virtualisiere lange Listen und Tabellen, sodass nur der sichtbare Ausschnitt aufgebaut wird.
  2. Löse unnötig tiefe Verschachtelungen auf, die nur der Gestaltung dienen, und erledige das über CSS statt über zusätzliche Hüllen.
  3. Entferne versteckte Dubletten — etwa eine mobile und eine Desktop-Navigation, die beide aufgebaut und per CSS umgeschaltet werden — zugunsten einer mitwachsenden Fassung.
  4. Miss vorher und nachher, damit die Verbesserung belegt ist und nicht nur behauptet.

Zum Nachlesen