Maak een snelle, boeiende website door ontwerpkeuzes te maken die prioriteit geven aan prestaties. Wanneer je kiest wat je als eerste wilt weergeven, waar je afbeeldingen en video's wilt plaatsen, en ...

Websiteprestaties: Een prestatiegerichte website ontwerpen

Ontdek hoe je een snelle en aantrekkelijke website kunt maken door ontwerpkeuzes te maken die de prestaties prioriteren. Leer hoe je de laadvolgorde van elementen optimaliseert, het boven de vouw-gedeelte efficiënt ontwerpt en mediabestanden optimaliseert om de laadtijden te verbeteren. Met praktische tips en tools zoals Google PageSpeed Insights, kun je de gebruikerservaring op elk apparaat verbeteren en bezoekers langer geïnteresseerd houden.

<div data-component-type="text"><div>Maak een snelle, boeiende website door ontwerpkeuzes te maken die prioriteit geven aan prestaties. Wanneer je kiest wat je als eerste wilt weergeven, waar je afbeeldingen en video's wilt plaatsen, en hoe je je inhoud wilt ordenen, help je je pagina's snel te laden en maak je het gemakkelijker voor mensen om te vinden wat ze nodig hebben. Gebruik deze prestatiegerichte tips om de snelheid van je website te verbeteren, bezoekers geïnteresseerd te houden en een soepele, professionele ervaring te bieden op elk apparaat.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-element-loading-order" level="3">De laadvolgorde van elementen optimaliseren</h2></div><div data-component-type="text"><div>Elementen op je website worden in een specifieke volgorde geladen op basis van hun type en grootte. Het begrijpen van deze volgorde helpt je prioriteit te geven aan wat als eerste verschijnt en zorgt voor een naadloze ervaring.</div></div><div data-component-type="text"><ul>
  <li><strong>Statische elementen:</strong> Dit is onder andere tekst en basisvormen die het snelst worden geladen. Voeg deze toe boven de vouw om snel zichtbaarheid te garanderen.</li>  <li><strong>Vloeiende elementen:</strong> Afbeeldingen en video's vallen onder deze categorie. Hoewel ze je website tot leven brengen, kunnen ze de prestaties vertragen. Plaats deze indien mogelijk onder de vouw.</li>  <li><strong>Interactieve elementen:</strong> Elementen zoals iFrames, animaties en apps van derden worden het laatst geladen. Gebruik ze spaarzaam en strategisch om lange laadtijden te voorkomen.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>We raden aan om extra aandacht te besteden aan de homepage, aangezien dit over het algemeen de eerste pagina is die je bezoekers zien.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-high-performing-above-the-fold-section" level="3">Een goed presterend boven de vouw-gedeelte ontwerpen</h2></div><div data-component-type="text"><div>Het gedeelte boven de vouw verwijst naar het gedeelte van je webpagina dat zichtbaar is voordat de gebruiker begint te scrollen. Omdat dit als eerste wordt geladen, is het van cruciaal belang om deze licht en doelmatig te houden.</div></div><div data-component-type="text"><div><strong>Aanbevolen elementen:</strong></div><ul>
  <li><strong>Tekst:</strong> Gebruik beknopte tekst met impact die het doel van je pagina duidelijk overbrengt. Beperk je tot systeemlettertypen en vermijd overmatig gebruik van lettertypefamilies en -gewichten.</li>  <li><strong>Calls to action (CTA's):</strong> Voeg duidelijke knoppen of links toe om gebruikersacties te begeleiden, zoals 'Nu winkelen' of 'Lees meer'. Vermijd het plaatsen van afleidende elementen in de buurt van CTA's.</li></ul><div><br /></div><div><strong>Elementen om te minimaliseren:</strong></div><ul>
  <li>Grote afbeeldingen of video's</li>  <li>Animaties</li>  <li>Overmatig gebruik van afbeeldingen met een hoge resolutie</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Gebruik tools zoals Google PageSpeed Insights of <a data-composite="true" href="https://support.wix.com/nl/article/het-websitesnelheid-dashboard-begrijpen" target="">het Websitesnelheid-dashboard van Wix</a> om ervoor te zorgen dat inhoud boven de vouw is geoptimaliseerd voor snel laden.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-dedicated-pages" level="3">Speciale pagina's gebruiken</h2></div><div data-component-type="text"><div>Het overladen van pagina's met te veel elementen heeft invloed op de prestaties, met name de homepage. Maak in plaats daarvan <strong>speciale pagina's</strong> voor specifieke websitefuncties of apps.</div></div><div data-component-type="text"><div>Voeg pagina's toe voor functies zoals Wix Stores, Blogs of Video, en link er vanaf de homepage naar met knoppen of menu-items. Houd de paginalengte onder ongeveer <strong>acht schermen</strong> door inhoud over je websitepagina's te verdelen en onnodige elementen te beperken.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-and-videos" level="3">Afbeeldingen en video's optimaliseren</h2></div><div data-component-type="text"><div>Mediabestanden vertragen websites vaak vanwege de grote grootte en resolutie. Ga als volgt te werk om ze effectief te beheren:</div></div><div data-component-type="text"><div><strong>Afbeeldingen:</strong></div><ul>
  <li>Gebruik lichte indelingen zoals WebP of JPEG.</li>  <li>Comprimeer bestanden voordat je ze uploadt naar Wix.</li>  <li>Presenteer afbeeldingen in een pro gallery voor ingebouwde optimalisatie.</li></ul><div><br /></div><div><strong>Video's:</strong></div><ul>
  <li>Host video's op Wix Video, YouTube of Vimeo om de prestaties te optimaliseren.</li>  <li>Plaats geen video's boven de vouw voor snellere eerste pagina's die worden geladen.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading" level="3">Lazy loading</h2></div><div data-component-type="text"><div>Lazy loading vertraagt het laden van afbeeldingen en video's totdat ze in de viewport van de gebruiker verschijnen, waardoor de initiële laadtijden van pagina's worden verbeterd. Deze functie wordt automatisch ingeschakeld in Wix, maar werkt het beste wanneer afbeeldingen en video's in ondersteunde widgets worden geplaatst, zoals galerijen of stroken, en inhoud boven de vouw minimaal wordt gehouden voor een snellere zichtbaarheid.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-additional-elements" level="3">Extra elementen beheren</h2></div><div data-component-type="text"><div>Andere ontwerpkeuzes kunnen ook van invloed zijn op de snelheid en prestaties van je website:</div><ul>
  <li><strong>Knoppen:</strong> Maak duidelijke en beknopte knoppen die linken naar relevante inhoud elders op je website. Je kunt bijvoorbeeld 'Verken de catalogus' of 'Meer projecten bekijken' gebruiken.</li>  <li><strong>Aangepaste code:</strong> Zorg ervoor dat elke aangepaste code is geoptimaliseerd en kenmerken zoals 'uitstellen' of 'async' gebruikt om vertraging te verminderen.</li>  <li><strong>Paginering of Meer laden-knoppen:</strong> Vooral voor producten die veel producten bevatten, moet je voorkomen dat alle producten tegelijk op één pagina worden weergegeven. Implementeer <a data-composite="true" href="https://support.wix.com/nl/article/cms-een-pagineringsbalk-toevoegen-en-instellen" target="">paginering </a>of load on demand-functies om efficiënt te blijven laden.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li><strong>Test regelmatig:</strong> Gebruik Google PageSpeed Insights en <a data-composite="true" href="https://support.wix.com/nl/article/het-websitesnelheid-dashboard-begrijpen" target="">het Wix Websitesnelheid-dashboard</a> om de prestaties te volgen en te verbeteren.</li>  <li><strong>Prioriteer inhoud boven de vouw:</strong> Zorg ervoor dat belangrijke inhoud snel wordt geladen door lichte en statische elementen toe te voegen.</li>  <li><strong>Minimaliseer apps van derden:</strong> Gebruik alleen essentiële apps of widgets om onnodige vertragingen te voorkomen.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs-1" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Klik op een vraag hieronder om meer te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom wordt mijn Wix-website langzaam geladen en hoe kan ik de snelheid verbeteren?</h4><div class="collapsible-content"><div>Grote afbeeldingsbestanden, overmatig animaties en zware elementen kunnen je website vertragen. Optimaliseer afbeeldingen voor indelingen zoals JPEG of WebP, verminder de inhoud van de homepage, beperk aangepaste lettertypen en schakel caching in vanuit de instellingen van je website. Gebruik het Wix Websitesnelheid-dashboard voor inzichten.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom is mijn mobiele website langzamer dan mijn desktopwebsite?</h4><div class="collapsible-content"><div>Mobiele websites kunnen moeite hebben met laadtijden vanwege langzamer internet en een kleinere verwerkingskracht van je apparaat. Verbeter de prestaties door mobiel ontwerp te vereenvoudigen, 'lazy loading' voor media te gebruiken en zware elementen zoals video's boven de vouw te vermijden.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik mijn Largest Contentful Paint-score (LCP) verbeteren?</h4><div class="collapsible-content"><div>Gebruik statische elementen (zoals tekst of knoppen) boven de vouw in plaats van animaties of video's om het LCP te stimuleren. Optimaliseer de grootste afbeelding of video op de pagina en verminder aangepaste of overmatige lettertypen.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat is de beste manier om een groot aantal producten weer te geven zonder mijn webshop te vertragen?</h4><div class="collapsible-content"><div>Gebruik paginering of een 'Meer laden'-knop om producten in kleinere groepen te verdelen, zodat er minder gegevens in één keer worden geladen. Vermijd het vermelden van alle producten op één pagina om de snelheid van de website te behouden.</div></div></div></div>

Afbeeldingen en video's zijn belangrijke elementen om websitebezoekers te betrekken, waardoor je inhoud visueel aantrekkelijk en memorabel wordt. Het optimaliseren van je media is echter cruciaal om s...

Websiteprestaties: Websitemedia optimaliseren

Ontdek hoe je afbeeldingen en video's op je website kunt optimaliseren om de laadtijden te verbeteren en een soepele gebruikerservaring te garanderen. Leer over het kiezen van de juiste bestandsformaten, het uploaden van hoge kwaliteit media, en het organiseren van galerijen. Volg praktische tips om veelvoorkomende problemen op te lossen en de prestaties van je site te verbeteren, zodat je bezoekers betrokken blijven.

<div data-component-type="text"><div>Afbeeldingen en video's zijn belangrijke elementen om websitebezoekers te betrekken, waardoor je inhoud visueel aantrekkelijk en memorabel wordt. Het optimaliseren van je media is echter cruciaal om snellere laadtijden en een soepele gebruikerservaring te garanderen. Volg deze tips en richtlijnen om de prestaties van je website te verbeteren met behoud van de kwaliteit van je afbeeldingen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/e756fa40-c292-4425-91e4-e16787960aca/99749c26-db8a-4954-9efa-a2f59202ebdb.png" alt="Een live Wix-website met afbeeldingen boven de vouw." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-on-your-site" level="3">Afbeeldingen op je website optimaliseren</h2></div><div data-component-type="text"><div>Afbeeldingen zijn een uitstekende manier om je inhoud te laten zien, zoals fotografie, producten of blogbeelden. Door afbeeldingen te optimaliseren, kun je de laadsnelheid en algehele prestaties verbeteren.</div></div><div data-component-type="text"><div>Selecteer een optie om meer te lezen over onze richtlijnen voor het optimaliseren van afbeeldingen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kies het juiste formaat</h4><div class="collapsible-content"><div>Met Wix kun je <a data-composite="true" href="https://support.wix.com/nl/article/wix-media-ondersteunde-mediabestandstypen-en-bestandsgroottes" target="">een breed scala aan mediabestandstypen</a> rechtstreeks naar je website uploaden, zoals afbeeldingen, video, audio, pictogrammen, vector art (SVG) en meer. Wanneer je een afbeelding naar je website uploadt, wordt deze automatisch geconverteerd naar het WebP-bestandstype, omdat dit beter is geoptimaliseerd voor websiteprestaties.</div><div><br /></div><ul>
  <li><strong>Afbeeldingen: </strong>AVIF is een nieuw type afbeeldingsbestand dat beter is dan JPEG en ongeveer 50% kleiner is dan WebP. Hierdoor worden AVIF-afbeeldingen sneller geladen op je live website. AVIF kan ook een breed scala aan kleuren aan, waardoor afbeeldingen er nog realistischer uitzien. Wix perst je afbeeldingen automatisch samen met AVIF op je live website. </li></ul><div><br /></div><ul>
  <li><strong>SVG-afbeeldingen: </strong>SVG-afbeeldingen (ook bekend als vector art) gebruiken wiskundige vergelijkingen voor het tekenen van afbeeldingen, in tegenstelling tot pixelrasters die in andere rasterafbeeldingsindelingen worden gebruikt. Dit maakt ze lichter, wat betekent dat ze over het algemeen met een hogere snelheid worden geladen. Het betekent ook dat de kwaliteit en scherpte van de afbeelding niet worden beïnvloed door het wijzigen van de grootte. We raden aan vector art te gebruiken voor decoratieve vormen en bedrijfslogo's. </li></ul><div><br /></div><ul>
  <li><strong>GIF's: </strong>Hoewel GIF's een populaire indeling zijn voor het presenteren van geanimeerde inhoud, hebben moderne indelingen voor videocodering zowel een kleiner formaat als een betere kwaliteit. We raden daarom aan videobestanden te gebruiken voor geanimeerde of mobiele inhoud in plaats van GIF's.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Upload de beste beeldkwaliteit</h4><div class="collapsible-content"><ul>
  <li>Gebruik afbeeldingen met een hoge resolutie (minimaal 2560x1440 pixels) voor kwaliteit en duidelijkheid.</li>  <li>Comprimeer bestanden groter dan 25 MB voordat je uploadt met externe tools.</li>  <li>Vervang achtergrondafbeeldingen door statische elementen zoals vormen of gekleurde onderdelen om laadtijden te verkorten.</li>  <li>Gebruik de <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="_blank">Wix Image Resizer</a> gebruiken om afbeeldingen aan te passen aan de aanbevolen grootte voordat ze worden geüpload.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/4332201f-6ee5-4d39-a82d-b8636baa42fe/3c2154f2-eaa8-4b58-b458-726a86a2defe.png" alt="Een live Wix-website met afbeeldingen boven de vouw." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organizing-galleries-on-a-site" level="3">Galerijen op een website ordenen</h2></div><div data-component-type="text"><div>Wix biedt verschillende galerij-opties om meerdere mediabestanden te presenteren. De juiste organisatie en plaatsing van galerijen kunnen een aanzienlijke invloed hebben op de snelheid en effectiviteit van je website. Kies voor een enkele galerij met meerdere media-items in plaats van meerdere galerijen op één pagina te gebruiken om overbelasting te voorkomen. </div><div><br /></div><div>Laat je galerij stapsgewijs laden met een <a data-composite="true" href="https://support.wix.com/nl/article/wix-pro-gallery-een-meer-laden-knop-inschakelen-en-aanpassen" target="">'Meer laden'-knop</a> die de interactie verbetert en de prestaties beheert. Plaats galerijen <strong>onder de vouw</strong> (inhoud die bezoekers zien na het scrollen). Hierdoor kunnen tekst en call to actions boven de vouw snel worden geladen, waardoor bezoekers betrokken blijven terwijl je galerij-inhoud nog wordt geladen.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/599f366f-3a58-49b3-84be-eafad6349a4e/ec6266b8-30fe-4a66-8f0e-20c3cb2616cd.png" alt="Een live Wix-website met afbeeldingen boven de vouw." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-videos-on-a-site" level="3">Video's op een website optimaliseren</h2></div><div data-component-type="text"><div>Video's zijn geweldig voor het leveren van waardevolle inhoud, zoals instructievideo's, promotiemateriaal of productfuncties. Het optimaliseren van het afspelen van video's is essentieel om prestatieproblemen te voorkomen. </div><div><br /></div><div>Host video's met <a data-composite="true" href="https://support.wix.com/nl/article/wix-video-over-wix-video" target="">Wix Video</a> voor ingebouwde optimalisatie en afspeelprestaties. Embedded video's (YouTube, Vimeo, enzovoort) worden geleverd via iFrames en kunnen niet door Wix worden geoptimaliseerd. Beperk het gebruik ervan en plaats ze onder de vouw.</div><div><br /></div><div>Vermijd het gebruik van video's als achtergrond, omdat ze het laden van pagina's kunnen vertragen. Schakel in plaats daarvan over naar statische placeholders, zoals afbeeldingen of tekst. </div><div><br /></div><div>Beperk het aantal video's dat op één pagina wordt weergegeven. Maak voor meerdere video's een speciale pagina en link ernaar met behulp van knoppen zoals 'Meer video's bekijken' om je homepage licht te houden.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/45644fc2-4cff-4fce-99fa-4a29a2f5ad72/5e2c039f-d695-4c8a-92d4-3282640ea0c6.png" alt="Een live Wix-website met afbeeldingen boven de vouw." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="common-issues-and-solutions" level="3">Veelvoorkomende problemen en oplossingen</h2></div><div data-component-type="heading"><h2 id="" level="4">Wazige afbeeldingen</h2></div><div data-component-type="text"><div>Als afbeeldingen wazig lijken:</div><ul>
  <li>Zorg ervoor dat ze een hoge resolutie hebben (2960x1440 pixels of hoger).</li>  <li>Gebruik de juiste indelingen (AVIF, WebP of JPEG).</li>  <li>Vermijd het uploaden van screenshots, omdat deze vaak een lagere resolutie hebben.</li>  <li>Controleer de <a data-composite="true" href="https://support.wix.com/nl/article/wix-pro-gallery-de-beeldkwaliteit-voor-galerijmedia-instellen" target="">Afbeelding verscherpen</a>-functie in de Wix Editor om de duidelijkheid te verbeteren.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Langzaam laden van de homepage</h2></div><div data-component-type="text"><div>Veelvoorkomende oorzaken van het langzaam laden van de homepage zijn onder andere overmatige afbeeldingen of video's boven de vouw en overbelaste widgets. Om dit op te lossen:</div><ul>
  <li>Vereenvoudig het ontwerp door elementen op de homepage te verminderen.</li>  <li>Voeg tekst of statische afbeeldingen toe boven de vouw.</li>  <li>Gebruik lazy loading voor galerijen.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Langzaam laden van video's</h2></div><div data-component-type="text"><div>Om de laadtijden van video's te verbeteren:</div><ul>
  <li>Comprimeer video's voordat je ze uploadt.</li>  <li>Gebruik Wix Video voor geoptimaliseerde hosting.</li>  <li>Vervang video's boven de vouw door statische elementen of lichte placeholder-inhoud.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tips:</div><div class="info-content"><ul>
  <li><strong>Test je websitesnelheid:</strong> Gebruik het <a data-composite="true" href="https://support.wix.com/nl/article/het-websitesnelheid-dashboard-begrijpen" target="">Wix Websitesnelheid-dashboard</a> om prestatieproblemen te identificeren en de algehele snelheid te verbeteren.</li>  <li><strong>Plan voor efficiëntie in de navigatie:</strong> Houd kritische elementen boven de vouw licht van gewicht voor snel laden.</li>  <li><strong>Gebruik galerijen verstandig:</strong> Beperk elke pagina tot één galerij en schakel laadknoppen in voor uitgebreide mediabestanden.</li>  <li><strong>Mobiele optimalisatie te monitoren:</strong> Pas het mobiele ontwerp van je website regelmatig aan met behulp van de speciale Wix Mobiele Editor voor kleinere schermen.</li></ul></div></div></div>

Het verbeteren van de prestaties van je website is een belangrijk onderdeel van het creatieproces en doorlopend onderhoud. De richtlijnen in dit artikel kunnen je helpen om de ervaring van je bezoeker...

Websiteprestaties: Best practices

Verbeter de prestaties van je website met praktische richtlijnen die de laadtijd, responsiviteit en vloeiendheid optimaliseren. Leer hoe je de laadtijd begrijpt, de volgorde van elementen optimaliseert en specifieke inhoud zoals afbeeldingen en video's aanpast voor snellere laadtijden. Ontdek ook tips voor het optimaliseren van je mobiele site en het gebruik van derde partij code, zodat je bezoekers een betere ervaring hebben.

Cache je websitepaginapagina's om hun laadtijd te versnellen. Wanneer een pagina in de cache wordt opgeslagen, worden de inhoud en elementen niet voor elke bezoeker vanaf nul gerenderd. In plaats daar...

Websiteprestaties: Pagina's in cache plaatsen om de laadsnelheid te optimaliseren

Leer hoe je caching op je website kunt gebruiken om de laadtijden te versnellen en de algehele prestaties te verbeteren. Caching slaat versies van je pagina's op, zodat bezoekers sneller toegang hebben tot inhoud. Ontdek hoe Wix automatisch caching inschakelt, hoe je instellingen voor individuele pagina's kunt beheren, en hoe caching de Web Vitals-score van je site kan verbeteren. Dit artikel biedt ook antwoorden op veelgestelde vragen over caching.

<div data-component-type="text"><div>Cache je websitepaginapagina's om hun laadtijd te versnellen. Wanneer een pagina in de cache wordt opgeslagen, worden de inhoud en elementen niet voor elke bezoeker vanaf nul gerenderd. In plaats daarvan zien de meeste bezoekers een opgeslagen (gecachte) versie van de pagina die veel sneller laadt. </div></div><div data-component-type="text"><div>Caching wordt automatisch ingeschakeld voor bijna alle websitepagina's. Indien nodig kun je caching-instellingen handmatig voor individuele pagina's aanpassen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-caching-works" level="3">Hoe cachen werkt</h2></div><div data-component-type="text"><div>Een cache is een tijdelijk opslaggebied waar versies van je pagina's worden opgeslagen in een Netwerk voor contentlevering (CDN). Wix gebruikt server-side rendering (SSR) om deze versies in de cache te maken. </div></div><div data-component-type="text"><div>Wanneer een bezoeker een pagina voor de eerste keer opvraagt, cachet Wix deze automatisch. Volgende bezoekers ontvangen de opgeslagen versie van het CDN. Dit voorkomt dat de elementen en assets van de pagina vanaf nul moeten worden geladen.</div></div><div data-component-type="text"><div>Versies in de cache worden meestal maximaal een week opgeslagen. Na een week wordt de cache gewist en wordt de pagina van het CDN verwijderd. De volgende keer dat een bezoeker de pagina laadt, wordt deze opnieuw gecached. Pagina-cache wordt ook gewist telkens wanneer je je website publiceert.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="multiple-cached-versions-for-different-visitors" level="3">Meerdere versies in de cache voor verschillende bezoekers</h2></div><div data-component-type="text"><div>Er kunnen verschillende kopieën in de cache van dezelfde pagina worden gemaakt op basis van de geografische locaties, apparaattypes en andere parameters van je bezoekers.</div></div><div data-component-type="text"><div>Wanneer een bezoeker een pagina laadt, wordt een gecached versie gemaakt voor hun specifieke parameters. Toekomstige bezoekers met dezelfde parameters zien die gecached versie en ervaren snellere laadtijden. Bezoekers met verschillende parameters activeren een nieuwe gecached versie, geoptimaliseerd voor toekomstige bezoekers met die specifieke parameters.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="caching-and-site-performance-metrics" level="3">Cache- en websiteprestaties</h2></div><div data-component-type="text"><div>Gecachte pagina's kunnen helpen om je algehele websiteprestaties te verbeteren, inclusief statistieken zoals LCP (largest contentful paint) en FCP (first contentful paint). Dit kan de Web Vitals-score van je website en de algehele ranking in zoekresultaten verbeteren.</div></div><div data-component-type="text"><div>Omdat het grootste deel van de website al op de Wix-servers staat, hoeven de apparaten van je bezoekers niet zoveel verwerking te doen. De website wordt ook weergegeven vanaf het dichtstbijzijnde geografische CDN tot aan het apparaat, wat sneller laden kan stimuleren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-and-disabling-caching-on-site-pages" level="3">Caching op websitepagina's in- en uitschakelen</h2></div><div data-component-type="text"><div>Hoewel caching voor de meeste pagina's automatisch wordt ingeschakeld, kun je indien nodig caching-instellingen voor individuele pagina's beheren. Je wilt bijvoorbeeld caching uitschakelen voor pagina's die gegevens ophalen van externe bronnen, of pagina's die vaak wisselende informatie weergeven.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik links in de editor op <strong>Pagina's en menu</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AtygSo0t8UbmzaDyGuuGCwKMawrU9neH9iCg6Bpzdl1yByfa0mTWjo15cCeAP3Zo5D9NtmaTo8f6go6RArSwE_JTOl8p5Sl5CvyfZDZgfsLRMHS6989bjlBOpisK0sRVGtWsqxEhXfxoz6_2esqcISTQdRmI0FqAZFgw0iVycBHbdZH1vAZDjRWv" />. </li>  <li>Wijs de betreffende pagina aan en klik op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://lh6.googleusercontent.com/bcuV7dDFTNXvUY41EfsgNuXftk1_07pIQgnFt6GuTN6-vCP_WN3bY1r_8REkqH6Ltc-Qd4D5PH83GNQVRmxAELHNLe0R34P8ugeFi7Ew4u3vugfEgzAMcFIFujrHnchBFY5o1-ii165TnqyIBpuNvgu9HrwnArPE6PoHTVUzR7r8au_dYWXlc7KT" />.</li>  <li>Klik op <strong>Instellingen</strong>.</li>  <li>Klik op <strong>Geavanceerde instellingen</strong>. </li>  <li>Schakel <strong>Beheer de caching voor deze pagina handmatig</strong> in en kies wat je wilt doen:
    <ul>
      <li><strong>Ingeschakeld:</strong> Je bepaalt handmatig de caching voor deze pagina. Kies onder <strong>Hoe vaak wil je de cache van deze pagina opnieuw instellen?</strong>, kies hoe vaak je pagina-cache wordt gereset in het dropdownmenu of selecteer <strong>Nooit (caching uitschakelen)</strong> om te voorkomen dat de pagina helemaal wordt gecached.</li>      <li><strong>Uitgeschakeld:</strong> De pagina wordt automatisch in de cache opgeslagen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/63ca9d70-cf6c-4cbc-9082-e87f8346683b/fafc8eda-2ffc-4043-938a-36c1e5dc3f38.png" alt="De geavanceerde instellingen van een pagina in de Wix Editor." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik links in de editor op <strong>Pagina's</strong><img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/ca6bf070-4d00-41dc-beea-c88b350df02d/abd8a7a8-abb8-4099-a8b1-3f9966dcdde0.png" />.</li>  <li>Wijs de betreffende pagina aan en klik op het <strong>Meer acties</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/30/173b5a92-644e-43c5-8eb1-f74fa4050309/cafce6d8-4081-4d5a-8ec4-6cffcb297c4a.png" />.</li>  <li>Klik op <strong>Instellingen</strong>.</li>  <li>Klik op <strong>Geavanceerde instellingen</strong>. </li>  <li>Schakel <strong>Beheer de caching voor deze pagina handmatig</strong> in en kies wat je wilt doen:
    <ul>
      <li><strong>Ingeschakeld:</strong> Je bepaalt handmatig de caching voor deze pagina. Kies onder <strong>Hoe vaak wil je de cache van deze pagina opnieuw instellen?</strong>, kies hoe vaak je pagina-cache wordt gereset in het dropdownmenu of selecteer <strong>Nooit (caching uitschakelen)</strong> om te voorkomen dat de pagina helemaal wordt gecached.</li>      <li><strong>Uitgeschakeld:</strong> De pagina wordt automatisch in de cache opgeslagen.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2025/01/08/0c73bdad-25c9-40da-b94e-fec812e7738f/670b708e-d947-4491-a6c3-351ddcebee98.png" alt="De geavanceerde instellingen van een pagina in de Wix Editor." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-site-wide-performance-settings" level="3">Prestatie-instellingen voor de hele website aanpassen</h2></div><div data-component-type="text"><div>Verbeter de laadtijd en creëer de beste ervaring voor je websitebezoekers door de prestatie-instellingen van je website aan te passen. Standaard is SWR (Stale While Revalidate) ingeschakeld, zodat websitebezoekers inhoud in de cache zien terwijl nieuwe gegevens op de achtergrond worden opgehaald en in de cache worden opgeslagen voor toekomstig gebruik. </div></div><div data-component-type="text"><div>Als je je website hebt geüpgraded, kun je SWR uitschakelen om je website nieuwe inhoud te laten laden in plaats van gegevens in de cache te plaatsen. </div></div><div data-component-type="text"><div>Je kunt ook alle pagina's uit de CDN-cache (Netwerk voor contentlevering) wissen om ervoor te zorgen dat je volgende websitebezoekers nieuwe inhoud ontvangen in plaats van gegevens in de cache. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de prestatie-instellingen voor de hele website aan te passen:</h2></div><div data-component-type="text"><ol>
  <li>Ga naar <a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Instellingen%20beheren&amp;title=Selecteer%20een%20website&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7b%7bmetaSiteId%7d%7d/settings" target="_blank">Instellingen</a> op het dashboard van je website.</li>  <li>Typ <strong>Instellingen voor websiteprestaties </strong>in de zoekbalk en selecteer het in de resultaten. </li>  <li>Kies wat je dan wilt doen:
    <ul>
      <li><strong>SWR in- of uitschakelen: </strong>Klik op de schakelaar naast <strong>SWR inschakelen om inhoud in de cache weer te geven tijdens het bijwerken</strong>:
        <ul>
          <li><strong>Ingeschakeld: </strong>Bezoekers zien inhoud in de cache terwijl nieuwe gegevens op de achtergrond worden opgehaald. Dit betekent dat bezoekers je inhoud sneller zullen zien, terwijl updates worden opgehaald voor toekomstige verzoeken.</li>          <li><strong>Uitgeschakeld: </strong>Bezoekers zien geen inhoud in de cache, wat betekent dat ze mogelijk moeten wachten tot nieuwe gegevens zijn geladen.</li>        </ul>      </li>      <li><strong>Wis alle pagina's uit de CDN-cache: </strong>Zorg ervoor dat de volgende bezoeker alleen nieuwe (niet-gecached) inhoud ziet door op <strong>Websitecache wissen</strong> te klikken. Dit verwijdert pagina's in de cache van het CDN.<br />
<strong>Let op: </strong>De eerste bezoeker na het wissen van de cache kan iets langzamere laadtijden ervaren.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/8d255d30-8106-4150-8af8-05dd7664f4db/90c9abbf-fabe-479a-9781-9abde933a7b4.png" alt="Een screenshot van de instellingen voor websiteprestaties op het dashboard van je Wix-website." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Klik hieronder om antwoorden op veelgestelde vragen over pagina-caching te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Zijn er pagina's die niet in de cache kunnen worden opgeslagen?</h4><div class="collapsible-content"><div>De volgende pagina's worden altijd nieuw voor elke bezoeker weergegeven en kunnen niet worden gecached:</div><ul>
  <li>Pagina's die worden geopend door ingelogde websiteleden</li>  <li>Resultatenpagina's van Wix Site Search</li>  <li>Pagina's die je op privé hebt ingesteld (dat wil zeggen met een wachtwoord)</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Welke invloed heeft caching op pagina's met code?</h4><div class="collapsible-content"><div>Pagina's met code worden automatisch gecached. Als je code gegevens ophaalt uit externe bronnen of bij elk bezoek nieuwe informatie moet ophalen, kun je <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/caching/control-page-caching-manually" target="">caching handmatig voor die pagina uitschakelen</a>.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wanneer wordt de cache van de website gewist?</h4><div class="collapsible-content"><div>De cache wordt elke week automatisch gewist, of met het aangepaste interval dat je opgeeft voor individuele pagina's. Het wordt ook gewist telkens wanneer je je website publiceert.</div></div></div></div>

Optimaliseer de tekst op je website om je bezoekerservaring te verbeteren. Lettertypes, effecten en opmaak kunnen de prestaties van je website beïnvloeden, dus wij raden aan onze richtlijnen te volgen...

Websiteprestaties: Teksten optimaliseren

Optimaliseer de tekst op je website om de bezoekerservaring te verbeteren. Leer hoe verschillende lettertypen, opmaak en animaties de laadtijd en prestaties van je site beïnvloeden. Ontdek het belang van systeemlettertypen en beperk het aantal gebruikte lettertypen tot drie voor een snellere laadtijd. Vermijd afbeeldingen met tekst en gebruik standaardtekst voor betere SEO. Met deze tips kun je de functionaliteit van je website verbeteren en een consistente uitstraling behouden.

<div data-component-type="text"><div>Optimaliseer de tekst op je website om je bezoekerservaring te verbeteren. Lettertypes, effecten en opmaak kunnen de prestaties van je website beïnvloeden, dus wij raden aan onze richtlijnen te volgen om ervoor te zorgen dat je belangrijke informatie kunt weergeven zonder afbreuk te doen aan het functioneren van je website.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Het hebben van betekenisvolle tekst boven de vouw zorgt er ook voor dat bezoekers inhoud kunnen lezen terwijl de rest van de website wordt geladen. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="different-types-of-fonts" level="3">Verschillende soorten lettertypen</h2></div><div data-component-type="text"><div>Er zijn een aantal soorten lettertypen die je op je website kunt gebruiken. Afhankelijk van het type en de downloadvereisten variëren ze in hoe ze de laadsnelheid en prestaties van je website beïnvloeden. De drie soorten lettertypen zijn:</div></div><div data-component-type="text"><ul>
  <li><strong>Systeemlettertypen:</strong> Dit zijn gewone lettertypen die waarschijnlijk al aanwezig zijn op de systemen van jou en je bezoekers. Omdat ze in de meeste systemen zijn opgenomen, hoeven ze niet te worden gedownload om op de apparaten van je bezoekers te verschijnen. Ze hebben ze dus geen invloed op de prestaties van je website.</li>  <li><strong>Aangepaste lettertypen:</strong> Eigen lettertypen zijn lettertypen die je kunt uploaden van derden om te gebruiken op je Wix-website. Deze lettertypen zijn een persoonlijke manier om je website-ervaring te verrijken, maar ze moeten van de server worden gedownload om in de browser van je bezoekers te verschijnen. Daarom kunnen deze lettertypen de prestaties van je website beïnvloeden.</li>  <li><strong>Beschikbare lettertypen van Wix:</strong> Wanneer je je website bouwt en bewerkt met Wix, zie je wellicht dat wij een verscheidenheid aan tekstlettertypen aanbieden. Sommige daarvan zijn systeemlettertypen, andere werken als aangepaste lettertypen, en ze beïnvloeden de laadsnelheid van je website dienovereenkomstig.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Samenvattend:</div><div class="info-content"><ul>
  <li>Systeemlettertypen laden uiteindelijk sneller dan aangepaste lettertypen, omdat ze al in het systeem aanwezig zijn. Dit bespaart dus bandbreedte door het aantal verzoeken dat nodig is om je website te laden te verminderen. </li>  <li>Omdat systeemlettertypen minder invloed hebben op de snelheid van je website, raden wij aan ze waar mogelijk te gebruiken in plaats van aangepaste lettertypen.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="number-of-fonts" level="3">Aantal lettertypen</h2></div><div data-component-type="text"><div>Bij het gebruik van lettertypen op je website is het belangrijk om te onthouden dat het hebben van meerdere verschillende lettertypen en soorten lettertypen de laadtijd en algemene prestaties kan beïnvloeden. </div></div><div data-component-type="text"><div>Hoewel het downloaden van systeemlettertypen niet nodig is, moeten aangepaste lettertypen van de server worden gedownload om op je pagina te worden weergegeven. Verschillende aangepaste lettertypen kunnen ook verschillende downloadsnelheden hebben, wat de laadtijd van je website verder kan beïnvloeden.</div></div><div data-component-type="text"><div>We raden aan maximaal drie of minder lettertypen (zowel systeem als aangepast) op je pagina te hebben, omdat dit helpt om je website soepel te laten werken. Consistentie in lettertypen (en kleuren) helpt ook om je merk te versterken en de uitstraling van je website consistent te houden.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Prestatietools kunnen meer lettertypen weergeven dan je verwacht omdat verschillende lettergewichten en -stijlen afzonderlijk kunnen tellen, en sommige elementen nog steeds andere of alternatieve lettertypen kunnen gebruiken. Om het aantal lettertypen te verminderen, controleer je de lettertype-instellingen voor elk elementtype afzonderlijk, zoals koppen, hoofdtekst, knoppen en navigatie.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-formatting-and-animation" level="3">Opmaak en animatie</h2></div><div data-component-type="text"><div>Verschillende opmaakopties, zoals vet, onderstreept of cursief, kunnen de laadtijd van je website beïnvloeden. Probeer de opmaak van lettertypen op een pagina tot drie te beperken door ze voor specifieke doeleinden te gebruiken (bijvoorbeeld om een tekstgebied op je pagina te markeren).</div></div><div data-component-type="text"><div>Daarnaast kan geanimeerde tekst de leesbaarheid en SEO van je tekst beïnvloeden. Dit komt omdat geanimeerde tekst niet kan worden gelezen door zoekmachines. We raden aan om gewone tekst te gebruiken voor zinvolle inhoud op je website en om overmatig gebruik van onthullingsanimaties boven de vouw te vermijden. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="images-of-text" level="3">Afbeeldingen van tekst</h2></div><div data-component-type="text"><div>Vermijd waar mogelijk afbeeldingen met tekst. Afbeeldingstekst kan wazig lijken terwijl de afbeelding wordt geladen en kan niet worden vertaald of gecrawld door zoekmachines. Zorg ervoor dat je waar mogelijk standaardtekst gebruikt op je website om de prestaties en SEO-ranking van je website te handhaven.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Tip:</div><div class="info-content"><div>Als alternatief raden we aan <a data-composite="true" href="https://support.wix.com/nl/article/afbeeldingen-en-galerijen-optimaliseren-voor-seo-alt-tekst" target="">alt-tekst aan je afbeeldingen toe te voegen</a>. Hierdoor kunnen zoekmachines en schermlezers de beschrijving van de afbeelding 'lezen'. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="fallback-fonts-in-the-studio-editor" level="3">Reserve-lettertypen in de Studio Editor</h2></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Deze functie is alleen beschikbaar in de Studio Editor.</div></div></div></div><div data-component-type="text"><div>Als je zware aangepaste lettertypen gebruikt op een <a data-composite="true" href="https://support.wix.com/nl/article/wix-studio-over-de-studio-editor" target="">Studio Editor</a>-website, kun je standaard alternatieve lettertypen inschakelen. Alternatieve lettertypen worden sneller geladen en worden tijdelijk op de live website weergegeven terwijl de aangepaste lettertypen op de achtergrond worden gedownload. </div></div><div data-component-type="text"><div>Alternatieve lettertypen kunnen de paginaprestaties optimaliseren door de LCP (Largest Contentful Paint) van de website te verlagen, wat de <a data-composite="true" href="https://support.wix.com/nl/article/websiteprestaties-over-core-web-vitals" target="">Core Web Vitals en Google Search-ranking</a> kan verbeteren. Bovendien kan het sneller weergeven van tekstinhoud de ervaring voor bezoekers verbeteren terwijl ze door de website bladeren. <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-met-websitetypografie-werken#enabling-fallback-fonts" target="">Lees hoe je alternatieve lettertypen inschakelt</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><ul>
  <li>Reserve-lettertypen verbeteren de laadtijd als het grootste element boven de vouw een<strong> </strong>tekstelement is.</li>  <li>Wanneer je alternatieve lettertypen inschakelt, wordt een 'swap'-waarde toegevoegd aan de CSS-descriptor voor het weergeven van lettertypen. Deze descriptor bepaalt hoe een lettertype wordt weergegeven op basis van wanneer het is gedownload en klaar voor gebruik.</li></ul></div></div></div>

Momenteel is het niet mogelijk om de volgorde te wijzigen waarin elementen op je website worden geladen, of om bepaalde elementen vooraf te laden.Website-elementen worden automatisch geladen op basis ...

Websiteprestaties-aanvraag: Specifieke elementen vooraf laden

Helaas kun je momenteel de volgorde waarin elementen op je website worden geladen niet wijzigen. Elementen worden automatisch geladen op basis van hun gewicht en resolutie, waarbij statische en lage-resolutie elementen sneller laden dan interactieve of hoge-resolutie elementen. Ontdek meer over de laadvolgorde en laat ons weten als je deze functie in de toekomst wilt zien door te stemmen. Jouw feedback is belangrijk voor ons!

<div data-component-type="text"><div>Momenteel is het niet mogelijk om de volgorde te wijzigen waarin elementen op je website worden geladen, of om bepaalde elementen vooraf te laden.</div></div><div data-component-type="text"><div>Website-elementen worden automatisch geladen op basis van hun gewicht en resolutie. Statische elementen of elementen met een lage resolutie worden bijvoorbeeld sneller geladen dan elementen met een hoge resolutie of interactieve elementen. <a data-composite="true" href="https://support.wix.com/nl/article/websiteprestaties-een-prestatiegerichte-website-ontwerpen#element-loading-order" target="">Lees meer over laadvolgorde</a> </div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij zeer gewaardeerd. </div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien, klik dan op <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft.</div></div>

Wanneer je een media-achtergrond (afbeelding of video) op een pagina, onderdeel of element toepast, zien websitebezoekers mogelijk een snelle kleurflits terwijl de achtergrond wordt geladen. Meestal w...

Websiteprestaties: Een kleurflits zien als elementen laden

Leer hoe je de achtergrondkleur van pagina's, onderdelen, stroken en cellen in de Wix Editor kunt wijzigen om kleurflitsen te minimaliseren tijdens het laden van afbeeldingen of video's. Door een kleur te kiezen die overeenkomt met je media, verbeter je de gebruikerservaring op je website. Volg de stappen in het artikel om eenvoudig de achtergrondkleur aan te passen en een samenhangende uitstraling te creëren.

<div data-component-type="text"><div>Wanneer je een media-achtergrond (afbeelding of video) op een pagina, onderdeel of element toepast, zien websitebezoekers mogelijk een snelle kleurflits terwijl de achtergrond wordt geladen. </div></div><div data-component-type="text"><div>Meestal worden de achtergrondmedia snel genoeg geladen dat websitebezoekers de achtergrondkleur niet opmerken. Om deze kleurflits minder zichtbaar te maken, kun je de achtergrondkleur van de betreffende elementen wijzigen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="causes-of-color-flashes" level="3">Oorzaken van kleurwisselingen</h2></div><div data-component-type="text"><div>Het kan langer duren voordat afbeeldings- en videoachtergronden op de live website zijn geladen. Als een bezoeker van de website een langzamere internetverbinding gebruikt, of als de achtergrondmedia groot is, kan er een kleurflits verschijnen voordat de afbeelding / video wordt geladen.</div></div><div data-component-type="text"><div>Het wijzigen van de achtergrondkleur van pagina's en elementen kan deze flits minder opvallen. We raden aan een kleur te kiezen die zo veel mogelijk lijkt op de video of afbeelding om de ervaring voor websitebezoekers te verbeteren. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-site-pages" level="3">De achtergrondkleur van websitepagina's wijzigen</h2></div><div data-component-type="text"><div>Als je een achtergrondafbeelding of video hebt toegevoegd aan een pagina op je Wix Editor-website, kun je de achtergrondkleur wijzigen vanuit het Websiteontwerp-paneel.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Gebruik je Studio of de Harmony-editor?</div><div class="info-content"><div>Het is in deze editors niet mogelijk om media toe te voegen aan een pagina-achtergrond, dus je hoeft je in deze stap geen zorgen te maken.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van de pagina te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com %2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar de pagina in je editor</a>.</li>  <li>Klik links in de editor op <strong>Websiteontwerp</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/02/01/91b3914b-14b7-40de-88e5-3a5dd4f8f0e1/ceebff03-aa14-45d9-9681-645cfbb8caf4.jpg" />.</li>  <li>Klik op <strong>Pagina-achtergrond</strong>.</li>  <li>Klik op de flap linksboven in het voorbeeld van de achtergrondafbeelding.</li>  <li>Selecteer de gewenste tint uit <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-het-kleurenthema-aanpassen" target="">de themakleuren van je website</a> of pas een aangepaste kleur toe of maak deze onder<strong> Mijn kleuren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e04ace47-6626-4669-ba99-047f7d58a62e/7f1b4012-c636-4360-bac8-d92786b50892.jpg" alt="De pagina-achtergrond is open in websitestijlen. De cursor klikt op de kleurenflap." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Goed om te weten:</div><div class="info-content"><div>Je kunt deze kleur toepassen op alle pagina's met dezelfde afbeeldings- of videoachtergrond door onderaan het paneel op <strong>Toepassen op andere pagina's </strong>te klikken.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-sections-strips-and-cells" level="3">De achtergrondkleur van onderdelen, stroken en cellen wijzigen</h2></div><div data-component-type="text"><div>Als je een afbeeldings- of videoachtergrond aan een onderdeel hebt toegevoegd, verander je de kleur vanuit je editor zodat deze overeenkomt met het kleurenschema van de media. Afhankelijk van je websitebouwer kun je ook de kleur van stroken of rastercellen wijzigen.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Wix-Editor" class="tab-heading heading-0">Wix Editor</div><div data-slug="Studio-Editor" class="tab-heading heading-1">Studio Editor</div><div data-slug="Wix-Harmony-editor" class="tab-heading heading-2">Wix Harmony-editor</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Wanneer je een website bouwt met de Wix Editor, kun je de achtergrondkleur van onderdelen en stroken op een pagina wijzigen.</div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een onderdeel te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik met de rechtermuisknop op het betreffende onderdeel. </li>  <li>Selecteer <strong>Achtergrond wijzigen</strong>.</li>  <li>Klik op de flap linksboven in het voorbeeld van de achtergrondafbeelding.</li>  <li>Selecteer de gewenste tint uit <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-het-kleurenthema-aanpassen" target="">de themakleuren van je website</a> of pas een aangepaste kleur toe of maak deze onder<strong> Mijn kleuren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/f3bf211c-4ad9-4fd0-877e-55a6947fd6ab/d6704910-2630-4977-90ae-b2d87fde7116.jpg" alt="De kleurenkiezer is open voor de achtergrondinstellingen van een onderdeel in de Wix Editor." /></div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een strook te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik op de strook.</li>  <li>Klik op <strong>Achtergrond wijzigen</strong>.</li>  <li>Klik op de flap linksboven in het voorbeeld van de achtergrondafbeelding.</li>  <li>Selecteer de gewenste tint uit <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-het-kleurenthema-aanpassen" target="">de themakleuren van je website</a> of pas een aangepaste kleur toe of maak deze onder<strong> Mijn kleuren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/05dc2fd1-d522-4d76-8fdf-e39a05a532ed/3aed3151-754f-4b4f-9208-8ee8afb44447.jpg" alt="De kleurenkiezer is open voor de achtergrondinstellingen van een strook in de Wix Editor." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Met de Studio Editor kun je de achtergrondkleur van onderdelen wijzigen vanuit het Inspector-paneel. Als je een rasteronderdeel hebt, kun je ook de achtergrondkleur van elke cel wijzigen. </div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een onderdeel te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Selecteer het relevante onderdeel op de pagina.</li>  <li>Klik rechtsboven in de editor op het <strong>Inspector openen</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klik op het kleurvak onder <strong>Kleur</strong>.</li>  <li>Selecteer de gewenste tint uit de themakleuren of voeg een aangepaste kleur toe of pas een aangepaste kleur toe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/6c3a6772-7a99-4427-88c2-0df2b0090ece/ededb826-6815-488b-afa1-9a9ba5edc1da.jpg" alt="Het Inspector-paneel is geopend voor een onderdeel. De cursor selecteert een kleur uit de kiezer." /></div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een cel te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Selecteer de relevante cel in het onderdeel.</li>  <li>Klik rechtsboven in de editor op het <strong>Inspector openen</strong>-pictogram<img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" />.</li>  <li>Klik op het kleurvak onder <strong>Achtergrond</strong>.</li>  <li>Selecteer de gewenste tint uit de themakleuren of voeg een aangepaste kleur toe of pas een aangepaste kleur toe.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e4ad420f-7337-4105-ad39-f46a994b777b/7b1f25bc-b3c7-4899-9fb0-75c6f689c265.jpg" alt="Het Inspector-paneel is geopend in een cel. De cursor selecteert een kleur uit de kiezer." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Het is niet mogelijk om een afbeelding of video toe te voegen aan een celachtergrond. Je kunt de kleur echter aanpassen aan de media die je aan de cel koppelt.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Bij het bouwen van een website met de Wix Harmony-editor, kun je de achtergrondkleur van onderdelen op je pagina wijzigen. Als je onderdeel is onderverdeeld in een raster, kun je ook de achtergrondkleur van specifieke cellen wijzigen.  </div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een onderdeel te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik op het relevante onderdeel.</li>  <li>Klik op de actiebalk op <strong>Achtergrond vervangen</strong>. </li>  <li>Klik op het <strong>Kleur</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klik op de kleurencirkel.</li>  <li>(In de kleurkiezer) Kies een van je merkkleuren of een aangepaste kleur.<br />
<strong>Tip: </strong>Klik op het <strong>Pipet</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> om een specifieke kleur uit je pagina te halen.</li></ol></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een cel te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Klik op het relevante onderdeel.</li>  <li>Klik op de betreffende cel. </li>  <li>Klik op de actiebalk op <strong>Achtergrond vervangen</strong>. </li>  <li>Klik op het <strong>Kleur</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Klik op de kleurencirkel.</li>  <li>(In de kleurkiezer) Kies een van je merkkleuren of een aangepaste kleur. <br />
<strong>Tip: </strong>Klik op het <strong>Pipet</strong>-pictogram <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> om een specifieke kleur uit je pagina te halen.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-background-color-of-slides" level="3">De achtergrondkleur van dia's wijzigen</h2></div><div data-component-type="text"><div>Diavoorstellingen zijn een opvallende, interactieve manier om media en inhoud op een website te laten zien. <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-het-ontwerp-van-je-diavoorstelling-aanpassen" target="">Stem de achtergrondkleur van dia's uit</a> met hun media om een professionele, samenhangende uitstraling te behouden. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">Gebruik je de Studio Editor?</div><div class="info-content"><div>Het is niet mogelijk om media toe te voegen aan de achtergrond van een diavoorstelling-item of <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-aanvraag-individuele-diavoorstelling-items-ontwerpen" target="">om diavoorstelling-items afzonderlijk aan te passen</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Om de achtergrondkleur van een dia te wijzigen:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ga naar je editor</a>.</li>  <li>Selecteer de diavoorstelling op de pagina.</li>  <li>Klik op de blauwe pijlen om naar de betreffende dia te navigeren.</li>  <li>Klik op <strong>Dia-achtergrond wijzigen</strong>.</li>  <li>Klik op de flap linksboven in het voorbeeld van de achtergrondafbeelding.</li>  <li>Selecteer de gewenste tint uit <a data-composite="true" href="https://support.wix.com/nl/article/wix-editor-het-kleurenthema-aanpassen" target="">de themakleuren van je website</a> of pas een aangepaste kleur toe of maak deze onder<strong> Mijn kleuren</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/fefc5619-2754-4725-8cb6-197898cf2341/fa27dd04-5d91-4035-9695-703e228ccf86.jpg" alt="De kleurenkiezer is open voor de achtergrondinstellingen van een dia in de Wix Editor." /></div></div>

Wanneer je je website controleert op Google PageSpeed Insights, wordt je mogelijk gevraagd om ongebruikte JavaScript-bestanden te verwijderen. Sommige van deze bestanden kunnen afkomstig zijn van code...

Websiteprestaties: Ongebruikte JavaScript verwijderen

Leer hoe je omgaat met ongebruikte JavaScript-bestanden op je Wix-website, zoals aangegeven door Google PageSpeed Insights. Ontdek welke bestanden essentieel zijn voor de structuur van je site en waarom je deze niet kunt verwijderen. Daarnaast krijg je tips om ongebruikte bestanden van derden te identificeren en te verwijderen of te vervangen door geoptimaliseerde alternatieven, zodat je de laadsnelheid van je website kunt verbeteren.

<div data-component-type="text"><div>Wanneer je je website controleert op Google PageSpeed Insights, wordt je mogelijk gevraagd om ongebruikte JavaScript-bestanden te verwijderen. Sommige van deze bestanden kunnen afkomstig zijn van code van derden die je hebt toegevoegd, terwijl andere een essentieel onderdeel vormen van je Wix-website. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-on-wix-sites" level="3">JavaScript-bestanden op Wix-websites</h2></div><div data-component-type="text"><div>De resultatenpagina van PageSpeed Insights kan mogelijkheden weergeven om bestanden en ongebruikte JavaScript te verwijderen. Sommige bestanden maken echter deel uit van de structuur van je Wix-website. Elke code geleverd via <a data-composite="true" href="http://static.parastorage.com/" target="_blank">static.parastorage.com</a> is verpakt door Wix en is daarom cruciaal voor de structuur van je website.</div></div><div data-component-type="text"><div>We optimaliseren deze bestanden consequent en gebruiken methoden zoals codesplitsen om ideale brokkengroottes te garanderen. Hoewel Google je kan adviseren om deze bestanden te verwijderen, vormen ze een essentieel onderdeel van de website en kun je ze daarom niet wijzigen, manipuleren of verwijderen. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Lees meer over ongebruikte JavaScript en PageSpeed Insights</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/05/d79536b3-e955-4e79-a918-f5e76ef222c9/84aa453f-0479-4397-82bf-c330e8305fd5.png" alt="De PageSpeed-inzichten. Google heeft een aantal ongebruikte JS gemarkeerd, die door Wix is verpakt." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Wanneer je apps en componenten aan een pagina toevoegt, worden daarvoor automatisch JavaScript-bestanden toegevoegd. Omdat dit de laadsnelheid kan beïnvloeden, raden we aan om apps en componenten waar mogelijk over verschillende websitepagina's te verdelen. <a data-composite="true" href="https://support.wix.com/nl/article/websiteprestaties-een-prestatiegerichte-website-ontwerpen" target="">Lees over andere manieren om een website met goede technische prestaties te maken</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-from-third-parties" level="3">JavaScript-bestanden van derden</h2></div><div data-component-type="text"><div>Naast essentiële bestanden van je Wix-website, kan Google ook andere ongebruikte JavaScript markeren. Deze kunnen afkomstig kan zijn van code van derden die niet is geoptimaliseerd. We raden aan deze bestanden te identificeren en ze te bekijken om te controleren of ze nodig zijn voor je website.  </div></div><div data-component-type="text"><div>Als je merkt dat de bestanden niet langer nodig zijn, kun je ze verwijderen of vervangen door een geoptimaliseerd alternatief. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Lees meer over het verwijderen van ongebruikte JS-bestanden</a></div></div>

Google PageSpeed Insights is een tool die de prestaties van je websitepagina test voor zowel desktop als mobiel. Deze tool gebruikt het Chrome User Experience-rapport (CrUX) om de echte bezoekersprest...

Websiteprestaties: PageSpeed Insights begrijpen

Ontdek hoe je de prestaties van je website kunt verbeteren met Google PageSpeed Insights, een tool die zowel desktop- als mobiele pagina's analyseert. Leer de verschillende onderdelen van de tool kennen, zoals de Core Web Vitals-beoordeling en de prestatiescore, en begrijp hoe deze je helpen om de gebruikerservaring te optimaliseren. Volg de stappen in het artikel om je laadtijden te verbeteren en de algehele snelheid van je site te verhogen, wat bijdraagt aan een betere SEO-ranking.

Het verbeteren van de prestaties van je website is essentieel voor een soepele gebruikerservaring. Door te optimaliseren hoe je CMS (Content Management System) datasets laadt en inhoud weergeeft, kun ...

Websiteprestaties: CMS

Verbeter de prestaties van je website voor een soepelere gebruikerservaring door je CMS-instellingen te optimaliseren. Leer hoe je het aantal items dat tegelijk wordt geladen kunt aanpassen, een 'Meer laden'-knop of pagineringsbalk kunt toevoegen, en gebruik kunt maken van uitgestelde datasets om de laadtijd te versnellen. Ontdek ook hoe je alleen de benodigde velden kunt ophalen en filters kunt toepassen om onnodige inhoud te verbergen. Klik hieronder om meer te lezen over deze waardevolle optimalisaties.

<div data-component-type="text"><div>Het verbeteren van de prestaties van je website is essentieel voor een soepele gebruikerservaring. Door te optimaliseren hoe je <a data-composite="true" href="https://support.wix.com/nl/article/cms-voorheen-content-manager-een-overzicht" target="">CMS (Content Management System)</a> datasets laadt en inhoud weergeeft, kun je de paginasnelheid en gebruiksvriendelijkheid verbeteren.</div><div><br /></div><div>Klik hieronder om meer te lezen over het verbeteren van de prestaties van je website bij gebruik van het CMS: </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Pas de instelling voor 'Items per keer laden'-dataset aan</h4><div class="collapsible-content"><div>Je kunt het <strong>Items per keer laden</strong>-veld in je dataset-instellingen wijzigen om het aantal items te bepalen dat tegelijk in repeaters en galerijen wordt geladen. Dit helpt je:</div><ul>
  <li>Je pagina sneller te laden met minder items bij de eerste laadbeurt;</li>  <li>Het aantal grotere items te verminderen;</li>  <li>Het ontwerp van je pagina te verbeteren.</li></ul><div><br /></div><div>Lees meer over <a data-composite="true" href="https://support.wix.com/nl/article/cms-het-maximum-weergegeven-items-in-je-datasetinstellingen-wijzigen" target="">het beperken van het maximum aantal weergegeven items per keer laden</a>. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Voeg een 'Meer laden'-knop of pagineringsbalk toe aan repeaters en galerijen</h4><div class="collapsible-content"><div>Wanneer je veel inhoud weergeeft op gegevensgebonden elementen, kun je het aantal items dat tegelijk wordt geladen beperken. Overweeg een <a data-composite="true" href="https://support.wix.com/nl/article/cms-over-dataset-klikacties-voor-knoppen-en-afbeeldingen#load-more" target="">'Meer laden'-knop</a> of voeg een <a data-composite="true" href="https://support.wix.com/nl/article/cms-een-pagineringsbalk-toevoegen-en-instellen" target="">pagineringsbalk</a> toe om één batch items tegelijk te laden. Een goede gewoonte is om bij elke nieuwe belasting maximaal 10 items weer te geven.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Selecteer de dataset-instelling 'Ophalen nadat pagina is geladen'</h4><div class="collapsible-content"><div>Als je gekoppelde repeaters of galerijen veel inhoud bevatten of gekoppeld zijn aan een grote verzameling, overweeg dan om <a data-composite="true" href="https://support.wix.com/nl/article/cms-een-uitgestelde-dataset-instellen" target="">een uitgestelde dataset te gebruiken</a>. </div><div><br /></div><div>De gegevens van de dataset worden pas opgehaald nadat de rest van de pagina is geladen. Dit betekent dat de initiële weergave van de pagina niet wordt geblokkeerd door deze dataset, waardoor de pagina sneller wordt geladen. Deze optie wordt aanbevolen wanneer elementen die de gegevens weergeven in eerste instantie niet zichtbaar zijn, zoals wanneer ze in het beeld moeten scrollen of een onderdeel moeten openen.</div><div><br /></div><div>Ga naar de dataset-instellingen en schakel <strong>Ophalen nadat de pagina is geladen</strong>-selectievakje in om er een uitgestelde dataset van te maken. </div><div><br /></div><div><strong>Let op: </strong></div><ul>
  <li>Deze optie is beschikbaar voor gewone datasets, maar niet voor datasets voor dynamische pagina's. </li>  <li>Zorg ervoor dat je <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">codering inschakelt</a> om deze functie te gebruiken.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Selecteer de 'Alleen gekoppelde velden ophalen'-dataset-instelling</h4><div class="collapsible-content"><div>Om de prestaties van de website te verbeteren, kun je nu de <strong>Alleen gekoppelde velden ophalen</strong>-dataset gebruiken. Hierdoor kun je alleen de velden laden die actief zijn gekoppeld aan de componenten op je pagina, met uitzondering van losgekoppelde velden en gegevens die via code toegankelijk zijn. Deze instelling is handig voor het verbeteren van laadtijden, vooral op complexe pagina's.</div><div><br /></div><div><strong>Let op: </strong></div><ul>
  <li>Deze optie is beschikbaar voor gewone datasets, maar niet voor datasets voor dynamische pagina's.</li>  <li>Zorg ervoor dat je <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">codering inschakelt</a> om deze functie te gebruiken.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Inhoud weergeven die gekoppeld is aan je dataset</h4><div class="collapsible-content"><div>Als je inhoud in je verzameling hebt die niet nodig is op je pagina, kun je voorkomen dat deze wordt weergegeven. <a data-composite="true" href="https://support.wix.com/nl/article/cms-inhoud-van-meerdere-databaseverzamelingen-weergeven-met-behulp-van-datasets" target="">Voeg een filter toe aan de dataset</a> om items op te nemen of uit te sluiten die worden weergegeven op de gekoppelde elementen. Je kunt ook <a data-composite="true" href="https://support.wix.com/nl/article/cms-de-zichtbaarheid-van-live-website-items-beheren-vanuit-je-verzameling" target="">de zichtbaarheid van live websites beheren</a> vanuit je CMS-verzamelingen door items in te stellen op de status 'Zichtbaar' of 'Verborgen'. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Gebruik je code op je website?</div><div class="info-content"><div>Volg onze praktische tips voor <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/best-practices-for-improving-performance-in-wix-sites-with-data" target="_blank">het verbeteren van de prestaties van websites bij het gebruik van codering en het CMS</a>.</div></div></div></div>

We zijn blij om te kunnen aankondigen dat bezoekers nu een laadindicator zien op het browsertabblad van je website wanneer ze tussen pagina's schakelen. De indicator verschijnt terwijl de volgende pag...

Siteprestaties-aanvraag: Laadindicatoren bij het navigeren tussen pagina's

Ontdek de nieuwe laadindicator op het browsertabblad van je website, die bezoekers laat weten dat de pagina aan het laden is wanneer ze tussen pagina's schakelen. Deze functie zorgt ervoor dat bezoekers zich bewust zijn van de responsiviteit van je site, zelfs als het iets langer duurt voordat de pagina verschijnt.

<div data-component-type="text"><div>We zijn blij om te kunnen aankondigen dat bezoekers nu een laadindicator zien op het browsertabblad van je website wanneer ze tussen pagina's schakelen. De indicator verschijnt terwijl de volgende pagina wordt geladen, zodat bezoekers weten dat de website reageert, zelfs als het iets langer duurt voordat de pagina verschijnt.</div></div>

Het is nu zo dat terwijl afbeeldingen met een hoge resolutie op je website worden geladen, eerst een afbeelding met een lage resolutie weergegeven. Dit is het gedrag op alle Wix-websites, en op veel w...

Siteprestaties-aanvraag: Het eerst laden van afbeeldingen met lage resolutie uitschakelen

Ontdek hoe Wix automatisch eerst een lage-resolutie afbeelding laadt voordat de hoge-resolutie versie verschijnt op je website. Deze technologie verbetert de laadtijd, zodat bezoekers sneller toegang krijgen tot belangrijke inhoud zonder dat de prestaties van je site worden aangetast. Hoewel je deze functie niet kunt uitschakelen, waarderen we je feedback en moedigen we je aan om te stemmen voor toekomstige verbeteringen.

<div data-component-type="text"><div>Het is nu zo dat terwijl afbeeldingen met een hoge resolutie op je website worden geladen, eerst een afbeelding met een lage resolutie weergegeven. Dit is het gedrag op alle Wix-websites, en op veel websites op het hele web. Deze technologie heeft geen effect op de rest van de inhoud van je website, met inbegrip van de hoge-resolutie afbeeldingen zelf. Bezoekers krijgen sneller meer zinvolle inhoud te zien, zonder in te boeten op prestaties.</div></div><div data-component-type="text"><div>Het is niet mogelijk om dit gedrag uit te schakelen.</div></div><div data-component-type="text"><div>We zijn altijd bezig met het bijwerken en verbeteren van onze producten. Jouw feedback wordt daarbij heel erg gewaardeerd.</div></div><div data-component-type="text"><div>Als dit een functie is die je in de toekomst graag zou willen zien, klik dan op <strong>Voor deze functie stemmen</strong> en we zullen ervoor zorgen dat je op de hoogte blijft.</div></div>

Core Web Vitals zijn een set van drie statistieken die de ervaring beoordelen die bezoekers hebben bij het browsen op je website. Deze statistieken meten de laadtijd, interactiviteit en visuele stabil...

Websiteprestaties: Over Core Web Vitals

Verbeter je websiteprestaties door inzicht te krijgen in Core Web Vitals, een set van drie belangrijke statistieken die de gebruikerservaring meten. Leer hoe je de laadtijd, interactie en visuele stabiliteit van je site kunt optimaliseren om je zoekmachine ranking te verhogen. Ontdek praktische tips voor het verbeteren van de Largest Contentful Paint, Interaction to Next Paint en Cumulative Layout Shift, en gebruik tools zoals het Wix Websitesnelheid-dashboard en Google PageSpeed Insights om je voortgang te volgen.

Een snelle laadtijd zorgt voor een soepele en prettige ervaring voor websitebezoekers. We streven er altijd naar om de prestaties van Wix-websites te optimaliseren en hebben manieren geïmplementeerd o...

Websiteprestaties: Hoe Wix de laadtijd van je website verbetert

Verbeter de laadtijd van je Wix-website en zorg voor een optimale gebruikerservaring. Ontdek hoe Wix automatische afbeeldingsoptimalisatie, een content delivery network (CDN), en lazy loading toepast om de prestaties te verbeteren. Leer ook over de bescherming tegen DDoS-aanvallen en krijg antwoorden op veelgestelde vragen over websiteprestaties. Volg deze tips om je site sneller en efficiënter te maken voor bezoekers.

<div data-component-type="text"><div>Een snelle laadtijd zorgt voor een soepele en prettige ervaring voor websitebezoekers. We streven er altijd naar om de prestaties van Wix-websites te optimaliseren en hebben manieren geïmplementeerd om de laadtijd te verbeteren.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-image-optimization" level="3">Automatische afbeeldingsoptimalisatie</h2></div><div data-component-type="text"><div>Afbeeldingen kunnen leven en context aan een website toevoegen. Of je ze nu gebruikt om fotografie, informatie of als decoratie weer te geven, het is belangrijk dat de kwaliteit niet in gevaar komt. </div></div><div data-component-type="text"><div>Wanneer je een afbeelding uploadt naar een Wix-website, wijzigen we het formaat van de afbeelding voor optimale kwaliteit en laadtijd van de website. Afbeeldingen minder dan 25 MB worden automatisch gecomprimeerd, dus je hoeft niets te wijzigen voordat je uploadt. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="content-delivery-network-cdn" level="3">Netwerk voor contentlevering (CDN)</h2></div><div data-component-type="text"><div>Om een optimale laadsnelheid te garanderen, gebruikt Wix CDN. Dat is een systeem van wereldwijde cachediensten en proxyservers. CDN werkt door website-inhoud aan je bezoekers te leveren vanaf de server die geografisch het dichtst bij hen in de buurt is.</div></div><div data-component-type="text"><div>CDN fungeert als tussenpersoon tussen Wix-servers en websitebezoekers, waardoor de latentie en de laadtijd van de website worden verminderd.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="defense-against-distributed-denial-of-service-ddos-attacks" level="3">Verdediging tegen distributed denial-of-service-aanvallen (DDoS)</h2></div><div data-component-type="text"><div>Of je website nu <a data-composite="true" href="https://support.wix.com/nl/article/een-domein-bij-wix-kopen" target="">een Wix-domein heeft</a> of is <a data-composite="true" href="https://support.wix.com/nl/article/een-domein-aan-de-naamservers-van-wix-koppelen" target="">gekoppeld aan de naamservers</a>, we minimaliseren het effect van DDoS-aanvallen tegen de website.</div></div><div data-component-type="text"><div>DDoS-aanvallen overbelasten de servers en zorgen ervoor dat ze traag of helemaal niet reageren. Wix heeft een vaste infastructuur die de resultaten van deze aanvallen kan verminderen en die kan voorkomen dat de laadtijd van je website zwaar wordt beïnvloed. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading-images" level="3">Lazy loading afbeeldingen</h2></div><div data-component-type="text"><div>Afbeeldingen met een hoge resolutie kunnen de laadtijd van een website aanzienlijk beïnvloeden. Om een betere bezoekerservaring te garanderen zonder afbreuk te doen aan de inhoud, gebruikt Wix een techniek die 'lazy loading' wordt genoemd. </div></div><div data-component-type="text"><div>Deze techniek verhoogt de laadtijd door afbeeldingen met een hoge resolutie te vervangen door versies met een lage resolutie. De placeholders met lage resolutie worden onmiddellijk geladen (zelfs op langzamere netwerken), terwijl de inhoud met hoge resolutie op de achtergrond wordt geladen. Eenmaal geladen, vervangen de hoge resolutie afbeeldingen automatisch de tijdelijke afbeeldingen.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Veelgestelde vragen</h2></div><div data-component-type="text"><div>Klik op een vraag hieronder om meer te lezen.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Wat moet ik doen als mijn Wix-website niet toegankelijk is in bepaalde landen?</h4><div class="collapsible-content"><div>Als je website niet toegankelijk is in specifieke regio's, kan dit te wijten zijn aan lokale ISP-beperkingen. Adviseer gebruikers om contact op te nemen met hun ISP en alle relevante informatie over de blokkering te verstrekken.<br />
<strong>Tip:</strong> Zorg ervoor dat het domein en de hosting van je website voldoen aan internationale regelgeving.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Hoe kan ik identificeren welke elementen mijn website vertragen?</h4><div class="collapsible-content"><div>Gebruik het Websitesnelheid-dashboard van Wix of Google PageSpeed Insights om prestatiestatistieken te analyseren. Focus op:</div><ul>
  <li>Grote afbeeldingen of video's</li>  <li>Overmatige animaties of apps van derden.</li>  <li>In efficiënte aangepaste code.</li></ul><div><br /></div><div><strong>Tip: </strong>Controleer je website regelmatig op ongebruikte media of elementen en verwijder ze.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom ondervinden mijn klanten problemen met het betaalproces van mijn webshop?</h4><div class="collapsible-content"><div>Betaalproblemen kunnen het gevolg zijn van:</div><ul>
  <li>Sessietime-outs of browsercaching.</li>  <li>Overlappende elementen in het ontwerp.</li>  <li>App-conflicten van derden</li></ul><div><br /></div><div>Om dit op te lossen:</div><ul>
  <li>Test het betaalproces op verschillende apparaten en browsers.</li>  <li>Wis het cachegeheugen en de cookies van de browser.</li>  <li>Zorg ervoor dat alle betaalmethoden correct zijn gekoppeld.</li></ul><div><br /></div><div><strong>Tip: </strong>Gebruik Wix Analytics om klantgedrag tijdens het afrekenen te volgen en mogelijke problemen te identificeren.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Waarom toont mijn Wix-website een leeg scherm voordat inhoud wordt geladen?</h4><div class="collapsible-content"><div>Een leeg scherm kan optreden als gevolg van:</div><ul>
  <li>Traag laden van grote elementen, zoals afbeeldingen of video's.</li>  <li>Problemen met browsercaching</li>  <li>Problemen met de netwerkverbinding</li></ul><div><br /></div><div>Om dit aan te pakken:</div><ul>
  <li>Optimaliseer afbeeldingen en video's om sneller te laden.</li>  <li>Schakel caching in om herhaalde bezoeken te verbeteren.</li>  <li>Test je website op verschillende apparaten en internetverbindingen.</li></ul><div><br /></div><div><strong>Tip:</strong> Gebruik het prestatiedashboard van Wix om knelpunten te identificeren.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Kan ik lazy loading uitschakelen?</h4><div class="collapsible-content"><div>Nee. Lazy loading is een ingebouwde Wix-functie die is ontworpen om de algehele snelheid van je website te beschermen. Het werkt door een lage resolutie-versie van een afbeelding weer te geven terwijl de hoge resolutie-versie op de achtergrond wordt geladen, zodat bezoekers inhoud onmiddellijk zien in plaats van een lege ruimte.</div><div><br /></div><div>Omdat lazy loading de kern is van hoe Wix de prestaties van de website optimaliseert, kan het niet worden uitgeschakeld. Als dit belangrijk voor je is, kun je <a data-composite="true" href="https://support.wix.com/nl/article/siteprestaties-aanvraag-het-eerst-laden-van-afbeeldingen-met-lage-resolutie-uitschakelen">stemmen voor deze functie</a>.</div></div></div></div>

Je kunt code van derden op je website gebruiken om de ervaring van je bezoekers te verrijken en meer mogelijkheden toe te voegen. Code van derden kan echter de prestaties en laadtijd van je website be...

Websiteprestaties: Code van derden op je website gebruiken

Ontdek hoe je de prestaties van je website kunt verbeteren door code van derden te optimaliseren. Leer technieken zoals het toevoegen van het defer-attribuut aan scripts en het plaatsen van deze scripts aan het einde van de codebody om laadtijden te verkorten. Daarnaast wordt aangeraden om Wix-integraties te gebruiken voor marketingtools, zodat je je geen zorgen hoeft te maken over de impact op de prestaties. Krijg inzicht in het beheren van externe code en waar je ondersteuning kunt vinden bij problemen.

<div data-component-type="text"><div>Je kunt code van derden op je website gebruiken om de ervaring van je bezoekers te verrijken en meer mogelijkheden toe te voegen. Code van derden kan echter de prestaties en laadtijd van je website beïnvloeden als deze niet wordt geoptimaliseerd. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-code-on-your-site" level="3">De code op je website optimaliseren</h2></div><div data-component-type="text"><div>Omdat code van derden de prestaties en snelheid van je website kan beïnvloeden, is het belangrijk deze waar mogelijk te optimaliseren. Het optimaliseren van code kan de impact ervan op je website verminderen en bezoekers een soepelere, snellere ervaring bieden. </div></div><div data-component-type="text"><div><strong>Er zijn een paar manieren waarop je je code kunt optimaliseren:</strong></div></div><div data-component-type="text"><ul>
  <li>Voeg het <strong>defer</strong>-attribuut toe aan je script van derden. Dit attribuut vertelt de browser van je bezoekers om niet te wachten op het script, zodat de inhoud van je website ononderbroken kan worden geladen. De embed van derden wordt op de achtergrond geladen en wordt uitgevoerd wanneer de DOM van de website voltooid is.</li></ul></div><div data-component-type="text"><ul>
  <li>Plaats scripts van derden aan het einde van de codebody. Dit zorgt ervoor dat de gewone inhoud van je website niet vertraagd of niet weergegeven wordt. </li></ul></div><div data-component-type="text"><ul>
  <li>Verminder waar mogelijk de hoeveelheid code van derden op je website. Gebruik alleen code die nodig is voor je bedrijf en je website en verwijder alle code die niet langer nodig is.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-marketing-code-on-your-site" level="3">Marketingcode op je website gebruiken</h2></div><div data-component-type="text"><div>Je kunt tools van derden, zoals Facebook Ads en Google Analytics, gebruiken voor marketingdoeleinden op je website. Deze code, hoewel nuttig, kan de laadtijd en de prestaties van je website beïnvloeden. Als alternatief raden we aan <a data-composite="true" href="https://support.wix.com/nl/article/over-marketing-integraties" target="">Wix's integraties te gebruiken om marketingtools te embedden</a> op je website. </div></div><div data-component-type="text"><div>Omdat deze opties in Wix zijn geïntegreerd, hebben ze minder invloed op de prestaties van je website, en hoef je je geen zorgen te maken over attributen of de plaatsing van scripts. Aangezien het echter code van derden betreft, raden wij aan deze alleen te implementeren waar dat nodig is.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="issues-with-third-party-code" level="3">Problemen met code van derden</h2></div><div data-component-type="text"><div>Code van derden is niet getest door Wix en we kunnen er daarom geen ondersteuning voor bieden. Als je problemen ondervindt met je codefragment, moet je controleren of je de code van de provider correct hebt gekopieerd en geplakt.</div></div><div data-component-type="text"><div>Als de code correct is en het probleem niet wordt opgelost door deze opnieuw in te voeren, neem dan rechtstreeks contact op met de leverancier van de code voor ondersteuning bij het oplossen van het probleem. </div></div>

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 ...

Websiteprestaties: De DOM-volgorde van je website

Leer hoe je de DOM-volgorde van je website kunt optimaliseren voor een betere toegankelijkheid en gebruikerservaring. Deze volgorde bepaalt hoe elementen worden geladen en weergegeven, wat cruciaal is voor bezoekers die ondersteunende technologieën gebruiken. Ontdek hoe Wix automatisch de DOM-volgorde beheert in de verschillende editors, zodat je je geen zorgen hoeft te maken over handmatige aanpassingen, en zorg ervoor dat je website soepel functioneert voor alle gebruikers.

<div data-component-type="text"><div>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.</div></div><div data-component-type="text"><div>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.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-and-site-performance" level="3">DOM-volgorde en websiteprestaties</h2></div><div data-component-type="text"><div>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.</div></div><div data-component-type="text"><div>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.</div></div><div data-component-type="text"><div>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.</div></div><div data-component-type="text"><div>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.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-editor-sites" level="3">De DOM-volgorde op Wix Editor-websites</h2></div><div data-component-type="text"><div>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. </div></div><div data-component-type="text"><div>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. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>Automatische DOM-volgorde wordt alleen toegepast op wijzigingen op de desktop wanneer je je website opslaat.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-studio-editor-sites" level="3">De DOM-volgorde op Studio Editor-websites</h2></div><div data-component-type="text"><div>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.</div></div><div data-component-type="text"><div>Je kunt automatische DOM uitschakelen op een Studio Editor-website en indien nodig handmatige wijzigingen aanbrengen. <a data-composite="true" href="https://support.wix.com/nl/article/studio-editor-elementen-reorganiseren-op-dom-volgorde" target="">Lees meer over de DOM-volgorde in Studio Editor</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Let op:</div><div class="info-content"><div>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.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-harmony-editor-sites" level="3">DOM-volgorde op Wix Harmony-editor-websites</h2></div><div data-component-type="text"><div>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. </div></div><div data-component-type="text"><div>Je kunt <a data-composite="true" href="https://support.wix.com/nl/article/wix-harmony-editor-met-dom-volgorde-werken#manually-adjusting-the-dom-order" target="">de DOM-volgorde van individuele onderdelen en containers echter naar behoefte handmatig aanpassen</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Heb je de taal van een website gewijzigd?</div><div class="info-content"><div>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 <a data-composite="true" href="https://support.wix.com/nl/article/toegankelijkheid-een-website-voorbereiden-op-schermlezers#site-language-and-dom" target="">de Toegankelijkheidswizard te gebruiken om pagina-elementen en inhoud te reorganiseren</a>.</div></div></div></div>

Zo begin je

Een template kiezen

Een professional inhuren om je website te bouwen

Lees hoe je Wix gebruikt om je website en bedrijf op te bouwen. Pas je website aan met templates of huur een professional in om je aanwezigheid op het web te verbeteren.

Aan de slag

Hoe Wix gebruiken om je website en bedrijf te bouwen.

Wix Editor basis

De Editor-tools gebruiken

Paginastructuur

Stroken en kolommen

De structuur van je website

Een website ontwerpen

Pagina's

Menu's

Pagina's en menu's beheren

Tekst

Knoppen

Containers en vakken

Diavoorstellingen

Vormen en lijnen

Elementen toevoegen en aanpassen

Afbeeldingen

Galerijen

Video

Documents and files

Bestanden en media toevoegen

Met elementen werken

Effecten en animaties gebruiken

Een website delen en promoten

Meer

Mobiele tools

Pagina's op mobiel

Achtergrond op mobiel

Indeling van de mobiele website

Websitemenu op mobiel

Tekst op de mobiele site

Media op de mobiele site

Andere elementen op mobiel

Problemen oplossen

De mobiele Editor

Problemen met je Editor-website oplossen

De Wix Editor gebruiken

Het dashboard van je website gebruiken

Websites beheren

Rollen en machtigingen beheren

Websitebeheer

Aan de slag met AI

AI gebruiken om je website te maken en te beheren

AI gebruiken om je bedrijf op te richten

AI Marketing Agent

AI Custom Agent

Front Desk Agent

AI-agents gebruiken

AI-tools

Aan de slag met de editor

De editor-tools gebruiken

Elementen toevoegen en personaliseren

Animaties en effecten toevoegen

Het merk van je website

Je website ontwerpen

Problemen met je website oplossen

De Wix Harmony-editor gebruiken

Media Manager basis

Media uploaden

Media kopen

Media beheren

Mediaproblemen

Media toevoegen en beheren

De Pro Gallery gebruiken

Afbeeldingen bewerken (Wix Photo Studio)

Aan de slag met Wixel

Projecten maken en beheren

Ontwerpen met Wixel

Upgraden en accountbeheer

Wixel

Mediabeheer

Wix Multilingual basis

Een website vertalen

Talen beheren

SEO in Wix Multilingual

Een meertalige website maken

Privacy en de AVG (GDPR)

Over toegankelijkheid

Een website toegankelijk maken

Geavanceerde toegankelijkheidsfuncties

Een toegankelijke website maken

Over het CMS

CMS-verzamelingen beheren

Verzamelingsinhoud aan je website koppelen

Met dynamische pagina's en het CMS werken

Gebruikersinvoer aan het CMS koppelen

Het CMS met andere Wix-producten gebruiken

Geavanceerde CMS-functies

Wix voor developers

Testwebsites

SSO-logins

Wix Blocks

Geavanceerde functies

Aan de slag met Wix Vibe

Een Wix Vibe-website beheren

Een Wix Vibe-website personaliseren

Een Wix Vibe-website publiceren

Wix Vibe gebruiken

Lees hoe je de Wix Editor gebruikt en de inhoud op je website beheert. Ontdek hoe je de privacy van bezoekers kan beschermen en je website toegankelijk kan maken.

Een website maken

Ontwerp en beheer je website met slimmme functionaliteiten.

Accountinstellingen wijzigen

Inlogproblemen

Accountbeheer

Naar een Premiumpakket upgraden

Facturering voor Premiumpakketten

Facturering voor domeinen

Facturering voor zakelijke e-mail van Google Workspace

Abonnementsbeheer

Kosten, betalingen en belasting

Facturen voor Wix-diensten

Promoties en vouchers gebruiken

Facturering en premium abonnementen

Bekijk de instellingen van je account, beheer je abonnementen en Premiumpakketten, en krijg inzicht in je facturen.

Account en facturering

Beheer abonnementen, pakketten en facturen.

Websitebeheer via de Wix-app

Mobiele apps basis

Een eigen mobiele app aanpassen

Een eigen mobiele app beheren

Een eigen mobiele app ter goedkeuring indienen

Een eigen mobiele app maken

Een website op de Wix Leden-apps bewerken

Een website op de Wix Leden-apps beheren

Spaces by Wix

De Wix Leden-apps gebruiken

Mobiele apps voor je klanten

Gebruik de Wix-app om je bedrijf efficiënt te runnen, interactie aan te gaan met bezoekers, en een community op te bouwen.

De mobiele Wix-apps gebruiken

Run je bedrijf en kom in contact met leden.

Domeinen basis

Wix-domeinen

Elders gekochte domeinen

Domeinen overzetten

Domeinbeheer

Lees hoe je een domein koopt, koppelt, of overzet, en hoe je de gegevens van je website veilig houdt.

Een domein koppelen

Lees hoe je een domein koopt, koppelt of overzet.