Wanneer 3D iets toevoegt
3D is geen doel op zich. Het werkt als het iets laat zien dat een foto niet kan.
Een product om te draaien
Meubels, apparaten, verpakkingen: de bezoeker bekijkt het van alle kanten voordat hij koopt.
Iets ruimtelijks uitleggen
Een gebouw, een machine of een proces dat in stappen in elkaar valt.
Een merk dat opvalt
Eén sterk bewegend beeld bovenaan, dat bezoekers onthouden. De rest van de pagina blijft rustig.
Niet doen
Als het object niets vertelt, als uw bezoekers vooral op oudere telefoons kijken, of als de site daardoor een maand later live gaat.
Wat 3D kost aan snelheid
3D draait op JavaScript en op de grafische chip van het apparaat. Downloaden en uitvoeren van scripts is op een telefoon de grootste kostenpost; het V8-team van Google raadt aan grote bundels op te splitsen.1 Ook grote texturen kosten op mobiel veel geheugen; MDN raadt gecomprimeerde formaten aan.2
Daarnaast kan veel beweging klachten geven bij mensen met evenwichtsproblemen. Telefoons en computers hebben een instelling om minder beweging te tonen, en een goede site respecteert die.3
Zo houdt u 3D licht
Laden in beeld
Het 3D-object laadt pas als het bijna in beeld komt. De browser kan dat zelf bijhouden met de Intersection Observer.4
Pauzeren buiten beeld
Scrolt de bezoeker verder, dan stopt de animatie. Dat spaart processor en accu.4
Lichte modellen
Minder detail waar niemand het ziet, en gecomprimeerde texturen.2
Rustige versie
Wie op zijn apparaat minder beweging heeft ingesteld, krijgt een stilstaand beeld.3
Een terugvaloptie
Kan een apparaat geen 3D tonen, dan staat er een gewone afbeelding. De pagina werkt altijd.
Meten mét 3D
Test de snelheid met het 3D-object erop, op een gesimuleerde mobiele verbinding. Niet zonder.
Hoe Ekkora het aanpakt
3D en motion bieden we aan als extra, niet als standaard. Het object bovenaan webdesign.ekkora.nl is zo gebouwd: het laadt pas als de pagina klaar is, pauzeert buiten beeld en heeft een rustige versie. De snelheidstest in onze oplevercheck draait altijd mét het 3D-object erop. Lees ook waarom een site traag is op mobiel.
Vragen
- Is een website met 3D veel duurder?
- Het is extra werk: een model maken of laten maken, en het licht genoeg krijgen voor elke telefoon. Daarom raden we het alleen aan als het iets toevoegt. Zie ook wat een website kost.
- Werkt 3D op elke telefoon?
- Op vrijwel alle moderne telefoons wel. Voor apparaten die het niet kunnen, hoort er een gewone afbeelding klaar te staan.
- Is 3D slecht voor Google?
- Niet als de pagina snel blijft en de tekst gewoon als tekst op de pagina staat. Zoekmachines lezen tekst, geen 3D-object.