Werkt een 3D-configurator op mijn apparaat? Test het hier

Test je apparaat meteen. Het duurt een paar seconden en er wordt niets geïnstalleerd.

Iemand opende onze site op een vrij nieuwe Android-telefoon. De 3D-modellen stonden stil. Er draaide niets en een keuze sprong meteen naar het nieuwe beeld. Was de telefoon te zwak? Nee. De test liet zien dat alles werkte: WebGL 2 op een echte grafische chip, en 61 beelden per seconde. Maar op de telefoon stond Animaties verwijderen aan. Onze site houdt zich daar bewust aan. Wie minder beweging wil, krijgt minder beweging.

Zulke dingen zie je niet aan de buitenkant. Daarom staat de test hieronder.

Test je apparaat

De test draait helemaal in je eigen browser. Wil je dat wij meekijken? Klik op Kopieer uitslag en plak de tekst in een bericht aan ons via contact.

Wat is WebGL?

Een computer heeft een gewone chip, de processor, en een grafische chip. De processor doet alles een beetje. De grafische chip doet één ding heel goed: beelden tekenen. Hij tekent duizenden kleine stukjes tegelijk, net als een klas die samen een grote puzzel legt in plaats van één kind alleen.

WebGL is de manier waarop een website die grafische chip mag gebruiken. Het zit in je browser zelf, dus je hoeft niets te installeren. WebGL 2 is de nieuwere versie. Volgens caniuse kon in oktober 2026 ongeveer 97% van het wereldwijde browsergebruik WebGL 2 tonen. Voor de oudere WebGL 1 was dat iets meer.

Waarom een 3D-configurator dat nodig heeft

Een 3D-configurator tekent je product opnieuw zodra je iets kiest of het model draait. Dat gebeurt tientallen keren per seconde. Zonder grafische chip moet de processor dat alleen doen. Dan gaat het schokken, en de rest van de pagina wordt ook traag.

Daarom vraagt onze site eerst aan de browser: mag ik WebGL 2 op een echte grafische chip? Dat doen we met een instelling die failIfMajorPerformanceCaveat heet. Volgens MDN krijg je dan geen 3D als het systeem traag is of als er geen echte grafische chip is. Sommige browsers geven in dat geval stiekem een nep-chip in software. Die herkennen we aan de naam, zoals SwiftShader of llvmpipe. Ook dan kiezen we voor een stilstaand beeld.

Wat elke regel betekent

De test geeft per regel een uitslag: Goed, Let op of Werkt niet. Twee regels zijn alleen ter info.

• 3D met de grafische chip. Dit is de belangrijkste regel. Dezelfde vraag stelt onze site voordat er 3D verschijnt. Staat hier Goed? Dan zie je 3D. Je ziet ook de naam van je grafische chip.
• Animaties. Hier zie je of je apparaat vraagt om minder beweging. Volgens MDN geeft je browser die wens door aan websites. Staat er Let op? Dan werkt 3D wel, maar draait niets vanzelf.
• Beelden per seconde. De test telt één seconde lang hoe vaak je browser een nieuw beeld klaarzet. Bij de meeste schermen is dat zo'n 60 keer per seconde. Sommige telefoons doen 90 of 120. Rond de 60 of hoger loopt alles soepel. Onder de 30 gaat 3D schokken.
• WebGL 2. Werkt WebGL 2, ook als het alleen in software lukt? Hier zie je dat. Werkt het wel, maar zonder grafische chip? Dan staat er Let op.
• WebGL 1. De oudere versie. Werkt die ook niet? Dan staat 3D waarschijnlijk helemaal uit in je browser.
• Zien wat in beeld is. Onze site start 3D pas als je ernaartoe scrolt. Zo laadt de pagina sneller. Daar is een onderdeel van de browser voor nodig dat IntersectionObserver heet.
• Scherm. Hoe breed en hoog je scherm is, en hoe scherp. Alleen ter info.
• Browser. Welke browser en welk systeem je gebruikt. Ook alleen ter info, handig als je ons de uitslag stuurt.

Werkt iets niet? Dit kun je doen

Werk je browser bij

Een oude browser is de meest voorkomende reden. Zet Chrome, Safari, Firefox of Edge op de nieuwste versie. Op een telefoon gaat dat via de app-winkel. Een iPhone werk je bij via een update van iOS, want Safari hoort daarbij.

Zet grafische versnelling aan

Staat er Werkt niet bij de grafische chip, maar heb je wel een nieuwe browser? Dan staat grafische versnelling misschien uit. In Chrome vind je die bij Instellingen, onder Systeem. Zet de schakelaar aan en start Chrome opnieuw. In Edge staat dezelfde schakelaar onder Systeem en prestaties.

Op een werklaptop kan je IT-afdeling dit hebben uitgezet. Dan kunnen alleen zij het aanzetten.

Zet animaties weer aan

Staat er Let op bij Animaties? Dan heb je ergens gezegd dat je minder beweging wilt. Dat is een prima keuze, bijvoorbeeld als je snel misselijk wordt van beweging. Wil je toch dat de 3D-modellen bewegen? Dan vind je de instelling hier:

• iPhone en iPad: Instellingen > Toegankelijkheid > Beweging > Verminder beweging. Zet hem uit.
• Android (Samsung): Instellingen > Toegankelijkheid > Zichtverbeteringen > Animaties verwijderen. Zet hem uit.
• Android (andere merken): zoek in Instellingen > Toegankelijkheid naar Animaties verwijderen. De plek verschilt per merk.
• Windows 11: Instellingen > Toegankelijkheid > Visuele effecten > Animatie-effecten. Zet hem aan.
• Mac: Systeeminstellingen > Toegankelijkheid > Weergave > Verminder beweging. In de nieuwste versie van macOS staat het onder Beweging. Zet hem uit.

Laad daarna deze pagina opnieuw en doe de test nog een keer.

Wat een goede configurator doet als 3D niet lukt

Een goede configurator laat niemand met een leeg vak zitten. Werkt 3D niet? Dan zie je een gewone afbeelding van het product. Je kunt nog steeds alles kiezen en een prijs of offerte krijgen. Je mist alleen het draaien.

Zo doen wij het ook. Elke 3D-demo op onze site heeft een tekening als reserve. Die zie je eerst, en het 3D-model komt er pas overheen als je browser dat aankan. Vraagt je apparaat om minder beweging? Dan staat het model stil en springt een keuze meteen naar het nieuwe beeld.

Ook een snel apparaat heeft er baat bij als het model licht is. Hoe dat werkt, lees je in Een 3D-configurator die snel laadt, ook op je telefoon. En hoe een CAD-model geschikt wordt voor de website, staat in Van CAD-model naar je website.

Zie je iets vreemds in de uitslag? Kopieer hem en stuur hem naar ons. Dan kijken we met je mee.