Websiteprestaties: De DOM-volgorde van je website

Leestijd 2 minuten
De DOM-volgorde van je website verwijst naar de leesvolgorde van elementen op je pagina's. Deze volgorde is belangrijk voor bezoekers die ondersteunende technologieën gebruiken, zoals de Tab-toets of schermlezers, omdat het de volgorde bepaalt waarin zij deze elementen kunnen bekijken of er interactie mee kunnen hebben.
Wij raden aan ervoor te zorgen dat de DOM-volgorde overeenkomt met de visuele volgorde van de elementen op je pagina's, zodat elke bezoeker makkelijk door je website kan navigeren. Naast een betere toegankelijkheid voorkomt het afstemmen van de laadvolgorde ook opmaakproblemen op je website.
Lees in dit artikel meer over:

DOM-volgorde en websiteprestaties

De DOM bepaalt de volgorde waarin elementen op je website worden geladen. Als de DOM-volgorde niet overeenkomt met de visuele volgorde van elementen, kan dit het laden van je website beïnvloeden.
Als bijvoorbeeld een knop onderaan een pagina staat, maar als eerste in de DOM-volgorde, wordt hij geladen vóór de elementen erboven. Wanneer extra inhoud wordt geladen, kan de inhoud van de pagina verschuiven en zich aanpassen aan de andere elementen.
Als een bezoeker op die knop probeert te klikken terwijl de rest van de inhoud wordt geladen, kan hij bovendien per ongeluk een ander element selecteren en naar een andere pagina of onderdeel worden geleid.
De DOM-volgorde van je website moet overeenkomen met de visuele volgorde van de pagina, ongeacht de leesvolgorde van de taal (links-naar-rechts of rechts-naar-links) om ervoor te zorgen dat de pagina correct wordt geladen, en een soepelere ervaring biedt voor bezoekers.

DOM-volgorde op een Wix Editor-website

Automatische DOM-volgorde is automatisch ingeschakeld op je desktop Editor-website. Dit betekent dat wijzigingen die je aanbrengt in de visuele volgorde van elementen automatisch worden toegepast op de DOM-volgorde, zodat je niets hoeft te doen. 
Wanneer je een website bouwt met de desktop Editor, wordt een mobiele versie van je website gemaakt. De DOM-volgorde van je mobiele website wordt ook automatisch geregeld, en vereist geen handmatige wijzigingen. 
Belangrijk:
De automatische DOM-volgorde op desktop Editor-websites is gebouwd voor talen die van links-naar-rechts worden geschreven (bijvoorbeeld Engels, Spaans, enzovoort). Als je website een rechts-naar-links geschreven taal gebruikt, zoals Arabisch of Hebreeuws, moet je de DOM-volgorde in het Lagen-paneel handmatig aanpassen.
Let op:
Automatische DOM-volgorde wordt alleen toegepast op wijzigingen op de desktop wanneer je je website opslaat.

DOM-volgorde op een website van Editor X

Het grootste deel van je Editor X-website heeft geen automatische DOM-volgorde, en je moet deze volgorde dus handmatig instellen om de prestaties van je website te verbeteren. Je kunt de volgorde van de onderdelen op je Editor X-website aanpassen via het Lagen-paneel.
Onderdelen moeten bijvoorbeeld van boven naar beneden worden geordend. Dat kan gedaan woorden door op in het paneel op Naar voorgrond te klikken. Stapels en repeaters worden automatisch geordend, maar wij raden je aan de DOM-volgorde reorganiseren-functie te gebruiken om er zeker van te zijn dat dit correct is. 

Vond je dit artikel nuttig?

|