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.
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.
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.
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 de Studio Editor
Belangrijk:
- 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.
- De automatische DOM-volgorde op desktopwebsites is gebouwd voor scripts van links naar rechts (zoals 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.
Vond je dit artikel nuttig?
|