Websiteprestaties: De DOM-volgorde van je website
In dit artikel
- DOM-volgorde en websiteprestaties
- De DOM-volgorde op Wix Editor-websites
- De DOM-volgorde op Studio Editor-websites
- DOM-volgorde op Wix Harmony-editor-websites
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.
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 en de leesvolgorde van de taal (links naar rechts of rechts naar links) om ervoor te zorgen dat deze correct wordt geladen en een soepelere ervaring voor bezoekers is.
De DOM-volgorde op Wix Editor-websites
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.
Let op:
Automatische DOM-volgorde wordt alleen toegepast op wijzigingen op de desktop wanneer je je website opslaat.
De DOM-volgorde op Studio Editor-websites
De automatische DOM-volgorde wordt automatisch ingeschakeld op websites die je bouwt in de Studio Editor. De volgorde wordt automatisch herschikt wanneer je elementen toevoegt, uitlijnt en het formaat ervan wijzigt, dus deze zou voortdurend geoptimaliseerd moeten blijven.
Je kunt automatische DOM uitschakelen op een Studio Editor-website en indien nodig handmatige wijzigingen aanbrengen.
Lees meer over de DOM-volgorde in Studio Editor.
Let op:
Automatische DOM-volgorde wordt automatisch ingeschakeld op websites die na begin november 2024 in de Studio Editor zijn gemaakt. Als je vóór deze datum een website hebt gemaakt, is deze niet ingeschakeld.
DOM-volgorde op Wix Harmony-editor-websites
Wix organiseert de DOM-volgorde van je Harmony-editor-website. Deze volgorde wordt automatisch aangepast terwijl je elementen toevoegt, in grootte wijzigt en verplaatst. Zo hoef je je geen zorgen te maken over het aanbrengen van handmatige wijzigingen.
Heb je de taal van een website gewijzigd?
Als je de taal van een website wijzigt naar een taal met een andere leesrichting, kan de DOM-volgorde niet worden uitgelijnd met de visuele volgorde van elementen. Als je de taal van de website wijzigt naar een taal met een andere leesrichting, raden we aan
de Toegankelijkheidswizard te gebruiken om pagina-elementen en inhoud te reorganiseren.