Website-Leistung: Die DOM Order deiner Website
2 Min. Lesezeit
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.
In diesem Artikel erfährst du mehr über folgende Themen:
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 einer Website von Wix Editor
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 und erfordert keine manuellen Änderungen.
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 einer Editor-X-Website
Die meisten deiner Editor X-Websites haben keine automatische DOM Order, und du musst sie manuell anordnen, um die Leistung deiner Website zu verbessern. Du kannst die Reihenfolge der Komponenten auf deiner Editor-X-Website über das Ebenen-Panel anpassen.
So müssen zum Beispiel Abschnitte von oben nach unten angeordnet sein. Dies erreichst du, indem du im Panel auf In den Vordergrund klickst. Stapel und Repeater werden automatisch organisiert, wir empfehlen jedoch die Verwendung der Funktion DOM Order neu organisieren, um sicherzustellen, dass sie korrekt ist.
War das hilfreich?
|