Alle artikelen
Website ontwerp

6 tips voor een snelle mobiele website van je autobedrijf

Laadt je autobedrijfwebsite traag op mobiel? Ontdek hoe je test, je occasionfoto's verkleint en met 6 praktische tips je voorraad snel houdt.

Team Garagemaatje6 min leestijd

Website ontwerp

Veel bezoekers haken af als het laden op mobiel te lang duurt. Vooral bij occasions kijken mensen op hun telefoon, en dan telt elke zware foto mee. Je houdt de mobiele website van je autobedrijf snel door je occasionfoto's te verkleinen, weinig lettertypen en plug-ins te gebruiken, redirects op te ruimen en je hosting en updates bij te houden. Zo laden je voorraad en detailpagina's ook op een telefoon vlot.

Je test je mobiele snelheid door je adres in te vullen in een gratis snelheidstest en te kijken naar de score voor mobiel en de drie Core Web Vitals voor laden, reageren en verspringen van je pagina. Zie je rood of oranje, dan begin je bij je foto's en je hosting. Hieronder staan 6 punten waar je zelf mee aan de slag kunt.

1. Maak je occasionfoto's lichter voor mobiel

Zware voorraadfoto's vertragen je site het meest. Eén auto met 20 foto's van elk een paar MB betekent dat een telefoon tientallen MB's moet binnenhalen voor één detailpagina. Op wifi gaat dat nog, op 4G onderweg niet.

Doe dit per auto:

  • Kies een vast aantal. Zo'n 12 tot 15 scherpe foto's per occasion is voor de meeste kopers genoeg: exterieur rondom, interieur, dashboard met kilometerstand, banden en eventuele schade.
  • Upload in het juiste formaat. Verklein foto's voor je ze uploadt naar de breedte die je site echt toont, meestal rond de 1600 pixels voor een grote foto. Groter uploaden heeft op een telefoon geen zin.
  • Comprimeer je afbeeldingen voor je website. Gebruik de compressie in je voorraadsysteem of een gratis tool om het bestand kleiner te maken zonder zichtbaar kwaliteitsverlies. Hoeveel kleiner het bestand wordt, hangt af van het formaat en de compressie-instelling.
  • Vermijd dubbele uploads. Zet dezelfde auto niet met twee verschillende sets foto's online voor je eigen site en een portaal-kopie.

Je maakt occasionfoto's lichter door ze in het juiste formaat te uploaden, te comprimeren zonder zichtbaar kwaliteitsverlies en pas te laden bij scrollen, zodat je homepage en voorraad snel blijven.

2. Laat foto's pas laden als iemand scrolt

Foto's hoeven niet allemaal tegelijk te laden als iemand je pagina opent. Met laden bij scrollen laadt je telefoon eerst de bovenste foto's en tekst, en pas de rest als iemand verder naar beneden scrolt. Dat heet lazy loading en het scheelt veel wachttijd op detailpagina's met veel beelden.

Zo merk je het verschil:

  • Je voorraadpagina opent direct met de eerste auto's, terwijl de foto's lager op de pagina op de achtergrond bijkomen.
  • Een detailpagina met 15 foto's voelt snel, omdat alleen de eerste 2 of 3 foto's meteen laden.
  • Op een oudere telefoon met een trage verbinding blijft de pagina bedienbaar terwijl de rest laadt.

Kun je dit zelf instellen, zet het dan aan voor je voorraad- en detailfoto's. Kun je het niet vinden in je systeem, leg het dan bij je hosting en onderhoud neer. Het is een kleine instelling met een groot effect op je telefoon.

3. Beperk video, sliders en pop-ups op je telefoon

Op een desktop ziet een grote video of slider er mooi uit, op mobiel kost het vooral laadtijd. Elke video, automatische slider en pop-up vraagt extra bestanden en verbindingen, precies op het moment dat iemand je aanbod wil bekijken.

Kijk kritisch naar je homepage en voorraad:

  • Video alleen waar hij iets toevoegt. Eén korte video bij een bijzondere occasion is prima, een automatisch afspelende video op je homepage niet. Laat video nooit automatisch met geluid starten op mobiel.
  • Geen zware slider bovenaan. Drie grote banners die roteren zijn op een telefoon drie keer laden voor één plek. Eén rustige banner met een duidelijke knop naar je voorraad werkt sneller.
  • Pop-ups spaarzaam gebruiken. Een pop-up voor een APK-actie of review dekt op een klein scherm je hele aanbod af en vertraagt het klikken. Zet hem uit op mobiel of toon hem pas na een tijdje.

Helpt een responsive website voor je autobedrijf dan tegen een trage mobiele site? Ja, een responsive site past je opmaak automatisch aan aan een kleiner scherm, zodat tekst leesbaar blijft en knoppen klikbaar zijn. Maar responsive alleen maakt je site niet automatisch snel: staan er nog steeds zware sliders en video's op, dan moet een telefoon ze alsnog laden.

4. Gebruik weinig lettertypen en plug-ins

Elk extra lettertype en elke extra functie moet je telefoon apart ophalen. Dat merk je vooral op pagina's waar je snel wilt schakelen tussen auto's.

Houd je opmaak simpel:

  • Maximaal twee lettertypen. Eén voor koppen, één voor tekst is genoeg. Elke extra variant zoals vet, cursief of light is weer een extra bestand.
  • Beperk plug-ins en widgets. Denk aan tellerwidgets, chatknoppen, social feeds en extra effecten. Houd wat je echt gebruikt voor aanvragen en belletjes, haal de rest weg.
  • Kies een lichte opbouw. Een site die vanaf het begin licht en snel is opgebouwd, laadt op mobiel merkbaar vlotter dan een zwaar standaardthema met veel extra's. Hoe dat verschil eruitziet lees je in dit overzicht van een template of website op maat.

Twijfel je over een plug-in, zet hem een week uit en test je website snelheid op mobiel. Merkt niemand het verschil behalve je laadtijd, laat hem dan uit.

5. Ruim redirects en oude voorraadpagina's op

Elke redirect voegt laadtijd toe, omdat je telefoon eerst naar het oude adres gaat en dan pas wordt doorgestuurd. Een paar omleidingen merk je niet, maar een keten van oude voorraadpagina's, doorgestuurde modellen en verkochte auto's maakt je navigatie traag.

Zo houd je het schoon:

  • Laat verkochte auto's netjes verdwijnen. Haal een verkochte occasion offline of markeer hem duidelijk als verkocht en verwijs naar vergelijkbaar aanbod, in plaats van losse pagina's te laten staan.
  • Verwijs oud naar nieuw in één stap. Linkt een oude URL door naar een nieuwe en die weer naar een andere, maak er dan één directe verwijzing van.
  • Check je menu en interne links. Verwijs in je menu, homepage en blogs direct naar de actuele voorraadpagina, niet naar een oude URL die eerst nog doorstuurt.

Hoe je je voorraad schoon houdt zonder oud aanbod mee te slepen, lees je in deze uitleg over occasionvoorraad bijhouden. Minder oude pagina's betekent minder omleidingen en sneller bladeren op een telefoon.

6. Test de mobiele website van je autobedrijf en houd onderhoud bij

Je snelheid test je zelf in een paar minuten. Vul je adres in in een gratis snelheidstest zoals PageSpeed Insights en kies het tabblad voor mobiel. Je krijgt een score plus tips voor je foto's, scripts en opbouw.

Let vooral hierop:

  • Score voor mobiel. Groen is goed, oranje vraagt om actie bij je foto's en opbouw, rood betekent dat je hosting en onderhoud nodig hebt.
  • Core Web Vitals. Dat zijn drie cijfers van Google voor laden, reageren en verspringen van je pagina. Kort gezegd: LCP meet hoe snel je grootste beeld zichtbaar is, INP meet hoe snel je pagina reageert als iemand tikt, CLS meet of je pagina verspringt tijdens het laden.
  • Test op je eigen telefoon. Doe het een keer op wifi en een keer op 4G of 5G. Zo voel je wat een klant onderweg ervaart.

Wat leg je bij hosting en onderhoud neer? Snelle hosting, updates en het schoonhouden van je techniek. Daarmee voorkom je dat je site langzaam zakt zonder dat je het merkt. Een snelle mobiele site helpt je ook om beter gevonden te worden, zoals je leest in deze 5 fouten voor vindbaarheid op Google.

Pak vandaag je telefoon, test twee pagina's — je homepage en één occasionpagina — en verklein deze week je zwaarste foto's. Zie je daarna nog oranje of rood, laat dan je hosting en updates nakijken zodat je voorraad ook mobiel snel blijft.

Klaar voor een garagewebsite die je zelf kunt bijhouden?

Vraag een gratis demo aan en zie de nieuwe website van jouw autobedrijf, voordat je iets betaalt.

De demo maken we met je eigen logo, foto’s en teksten. Gratis en vrijblijvend.