Website-Leistung: Die DOM Order deiner Website
2 min
In diesem Artikel
- DOM Order und Website-Performance
- DOM Order auf Wix-Editor-Websites
- DOM Order auf Studio Editor-Websites
Die DOM Order deiner Website bezieht sich auf die Lesereihenfolge der Elemente auf deinen Seiten. Diese Reihenfolge ist wichtig für Besucher, die assistierende Technologien wie die Tabulatortaste oder Screenreader verwenden, da sie die Reihenfolge bestimmt, in der sie diese Elemente anzeigen oder mit ihnen interagieren können.
Wir empfehlen, sicherzustellen, dass die DOM Order mit der visuellen Reihenfolge der Elemente auf deinen Seiten übereinstimmt, damit jeder Besucher problemlos durch deine Website navigieren kann. Die Anpassung an die Ladereihenfolge verbessert nicht nur die Barrierefreiheit, sondern verhindert auch Layout-Probleme auf deiner Website.
DOM Order und Website-Performance
Das DOM bestimmt die Reihenfolge, in der Elemente auf deiner Website geladen werden. Wenn die DOM Order nicht mit der visuellen Reihenfolge der Elemente übereinstimmt, kann dies das Laden deiner Website beeinträchtigen.
Wenn zum Beispiel ein Button unten auf einer Seite angezeigt wird, aber an erster Stelle in der DOM Order steht, wird er vor den Elementen darüber geladen. Wenn zusätzlicher Inhalt geladen wird, kann sich das Layout der Seite verschieben, um die anderen Elemente aufzunehmen.
Wenn ein Besucher versucht, auf diesen Button zu klicken, während der Rest des Inhalts geladen wird, kann er außerdem versehentlich ein anderes Element auswählen und zu einer anderen Seite oder einem Abschnitt weitergeleitet werden.
Die DOM Order deiner Website sollte mit der visuellen Reihenfolge der Seite übereinstimmen, unabhängig von der Lesereihenfolge der Sprache (von links nach rechts oder von rechts nach links), um sicherzustellen, dass sie korrekt geladen wird und Besuchern ein reibungsloseres Erlebnis bietet.
DOM Order auf Wix-Editor-Websites
Die DOM Order ist auf deiner Desktop-Editor-Website automatisch aktiviert. Das bedeutet, dass alle Änderungen, die du an der visuellen Reihenfolge der Elemente vornimmst, automatisch auf die DOM Order angewendet werden, sodass du nichts unternehmen musst.
Wenn du eine Website mit dem Desktop-Editor erstellst, wird eine mobile Version deiner Website erstellt. Die DOM Order deiner mobilen Website wird ebenfalls automatisch arrangiert, es sind keine manuellen Änderungen erforderlich.
Wichtig:
Die automatische DOM Order auf Desktop-Editor-Websites wurde für von links nach rechts geschriebene Skripte entwickelt (z. B. Englisch, Spanisch usw.). Wenn deine Website eine von rechts nach links geschriebene Schrift verwendet, zum Beispiel Arabisch oder Hebräisch, musst du die DOM Order im Ebenen-Panel manuell neu anordnen.
Hinweis:
Die automatische DOM Order wird nur auf Änderungen auf dem Desktop angewendet, wenn du deine Website speicherst.
DOM Order auf Studio Editor-Websites
Die automatische DOM Order ist auf Websites, die du im Studio Editor erstellst, automatisch aktiviert. Die Reihenfolge wird automatisch neu angeordnet, wenn du Elemente hinzufügst, ausrichtest oder ihre Größe änderst. Sie ist daher stets optimiert.
Du kannst die automatische DOM Order auf einer Studio Editor-Website deaktivieren und bei Bedarf manuelle Änderungen vornehmen. Erfahre mehr über die DOM Order im Studio Editor.
Wichtig:
- Die automatische DOM Order ist automatisch auf Websites aktiviert, die nach Anfang November 2024 im Studio Editor erstellt wurden. Wenn du vor diesem Datum eine Website erstellt hast, ist sie nicht aktiviert.
- Die automatische DOM Order auf Desktop-Websites wurde für von links nach rechts geschriebene Skripte entwickelt (z. B. Englisch, Spanisch usw.). Wenn deine Website eine von rechts nach links geschriebene Schrift verwendet, zum Beispiel Arabisch oder Hebräisch, musst du die DOM Order im Ebenen-Panel manuell neu anordnen.