Laadtijd van je hotelsite: hoe je hem sneller maakt

63 procent van alle zoekopdrachten naar accommodaties in Nederland komt van een telefoon. Een site die op mobiel 4 seconden laadt, verliest meer dan de helft van die bezoekers voordat ze ook maar een foto gezien hebben.

Waarom laadtijd boekingen kost

Een trage site voelt aan als een wachtrij bij de receptie. De gast staat er even, besluit dat het te lang duurt, en gaat naar een plek waar hij sneller geholpen wordt. Op het internet is die plek Booking.com.

De getallen zijn duidelijk:

• Bij een laadtijd van 1 seconde is de kans op boekingsconversie het hoogst.
• Bij 3 seconden daalt de conversiekans met 32 procent ten opzichte van 1 seconde.
• Bij 5 seconden is dat 90 procent minder.

Die cijfers gelden voor alle sites, maar voor accommodatiesites speelt er nog iets mee. Je gast heeft net je foto's gezien op een platform, typt je naam in op Google, en klikt op jouw site. Als die dan traag laadt, vergelijkt hij in zijn hoofd automatisch met de vlotte laadtijd van het platform dat hij net verliet. Het voordeel dat je had, verdwijnt in die paar seconden wachten.

De SEO-kant

Laadtijd raakt ook je positie in Google. Sinds 2021 zijn Core Web Vitals (afgekort: CWV) een officieel onderdeel van het rankingalgoritme. Dat zijn drie meetpunten:

• LCP (Largest Contentful Paint): hoe snel laadt het grootste zichtbare element op de pagina, meestal je hotelfotos. Goed is onder 2,5 seconden.
• INP (Interaction to Next Paint): hoe snel reageert de pagina op een klik, bijvoorbeeld op een boekingsknop. Goed is onder 200 milliseconden.
• CLS (Cumulative Layout Shift): springen elementen op de pagina terwijl die laadt? Een knop die een halve seconde na laden naar beneden schuift scoort hier slecht.

Scoort je pagina slecht op alle drie, dan wordt hij structureel lager getoond dan concurrenten met vergelijkbare content maar betere techniek. Je hoeft niet perfect te scoren, maar een rood rapport is een meetbare handicap.

Hoe je meet: gratis snelheidstest in 5 minuten

Ga naar PageSpeed Insights en voer je URL in. Je krijgt een score van 0 tot 100, apart voor mobiel en desktop. Gebruik de mobiele score als vertrekpunt.

Onder de score staat een lijst van verbeterpunten, gesorteerd op impact. Daar zie je direct wat het meeste oplevert. Negeer de technische details voorlopig en let op de grove categorien: afbeeldingen, JavaScript en server-responstijd zijn de drie meest voorkomende boosdoeners op hotelsites.

Google Search Console geeft je ook een overzicht van je CWV per pagina, verdeeld in drie categorieen: goed (groen), verbetering nodig (oranje) en slecht (rood). Als de helft van je paginas op rood staat, loopt je organisch verkeer structureel achter op wat mogelijk is.

Beeldcompressie: 80 procent van de winst

Dit is de stelling die je kunt testen op elke gemiddelde Nederlandse hotelsite: comprimeer de afbeeldingen, en je pakt 80 procent van de beschikbare laadtijdwinst in één keer.

De reden is simpel. Foto's zijn de zwaarste bestanden op een accommodatiesite. Een foto van een kamer, geexporteerd vanuit je telefoon of camera, is al snel 4 tot 8 MB. Veel eigenaren uploaden die foto rechtstreeks in WordPress zonder verdere bewerking. Per pagina met 8 tot 10 foto's laad je dan 40 tot 80 MB aan beeldmateriaal in.

Concreet voorbeeld

Een foto van 4 MB bevat informatie op een resolutie die op een scherm van 375 pixels breed (een gemiddelde telefoon) nooit volledig zichtbaar wordt. Dezelfde foto, gecomprimeerd naar 300 KB, ziet er op dat scherm identiek uit voor de bezoeker. De kwaliteitsverschillen zijn onzichtbaar bij normale schermbreedte.

Van 4 MB naar 300 KB is een reductie van 92,5 procent. Op een pagina met 10 foto's betekent dat het verschil tussen 40 MB en 3 MB aan afbeeldingen. En dat is het verschil tussen 8 seconden laden en 1,5 seconde laden op een gemiddeld mobiel netwerk.

Hoe je dat doet

Twee opties, afhankelijk van je werkwijze:

Handmatig, voor nieuwe uploads: gebruik Squoosh, een gratis browser-tool van Google. Sleep je foto erin, zet het formaat op WebP of JPEG en zet de kwaliteit op 75 tot 80 procent. Download en upload het resultaat. Voor de meeste hotelsites is dit minder dan een uur werk voor de complete beeldbibliotheek.

Automatisch in WordPress: een plugin zoals ShortPixel of Imagify comprimeert afbeeldingen bij upload en kan ook je bestaande bibliotheek doorlopen. Dat kost je een paar euro per maand maar scheelt daarna elke keer handmatig werk.

Gebruik ook het juiste bestandsformaat. WebP is kleiner dan JPEG bij vergelijkbare kwaliteit en wordt door alle moderne browsers ondersteund. Dat levert je gemiddeld 25 tot 35 procent extra reductie boven een gecomprimeerde JPEG.

Andere boosdoeners en wat je eraan doet

Beeldcompressie is de grootste stap. De rest van de winst haal je uit drie andere categorieen.

Te zware plugins

Een WordPress-site met 25 actieve plugins heeft kans op een groot probleem: veel van die plugins laden JavaScript en CSS bij elk paginabezoek, ook als ze op die specifieke pagina niks doen. Ga eens door je plugin-lijst en deactiveer wat je in de afgelopen drie maanden niet actief hebt gebruikt. Minder is hier sneller.

Speciale aandacht voor sliders en galerij-plugins. Die laden vaak grote JavaScript-bibliotheken die je laadtijd meetbaar verzwaren. Heb je vijf jaar geleden een pagebuilder geinstalleerd die je niet meer actief gebruikt maar nooit verwijderd? Deactiveer hem.

Hosting

Goedkope hosting zet je site op een gedeelde server met honderden andere sites. Op piekmomenten wordt de server trager en loopt je TTFB (Time to First Byte, de tijd voordat de server begint te antwoorden) op. Een TTFB boven 800 milliseconden is te hoog.

Managed WordPress-hosting van providers als Kinsta, WP Engine of SiteGround kost 20 tot 40 euro per maand maar levert consistente snelheid, automatische updates en ingebouwde caching. Voor een site die boekingen moet binnenhalen is dat een investering die zichzelf terugverdient als je een paar extra directe boekingen per maand realiseert.

Caching

Caching slaat de gemaakte versie van je pagina op, zodat die bij het volgende bezoek niet opnieuw aangemaakt wordt. Op een WordPress-site is dit in te stellen met een plugin. LiteSpeed Cache is gratis en goed. WP Rocket is betaald maar heeft een grotere functieset.

Snelheid is een conversiehefboom, geen losse techniek

Laadtijd staat niet op zichzelf. Het is één van de hefbomen die bepalen of een bezoeker die je naam intypt op Google ook daadwerkelijk bij jou boekt in plaats van terug te klikken naar het platform. Een site die in 1,5 seconde laadt maar daarna een rommelig boekingsproces heeft, lekt alsnog gasten. Snelheid is de eerste stap, niet de hele oplossing.

Reken het concreet door. Stel je trekt 800 bezoekers per maand en 53 procent haakt af door een laadtijd van 4 seconden. Dat zijn 424 mensen die je site nooit zien. Comprimeer je beelden en zak je naar 1,5 seconde, dan houd je die 424 bezoekers vast. Boekt daarvan straks 3 procent direct in plaats van via Booking, dan scheelt dat bij een gemiddelde boeking van 120 euro al snel honderden euro's aan commissie per maand.

Wil je het hele plaatje zien, lees dan hoe snelheid, mobiel ontwerp en boekingsflow samen je conversie bepalen. En als je weet dat je site traag is maar twijfelt over zelf doen of laten bouwen, vergelijk dan eerst wat een nieuwe hotelwebsite kost.

Veelgemaakte fouten bij snelheidsoptimalisatie

Alleen de desktopscore bekijken. PageSpeed Insights geeft twee scores: desktop en mobiel. De desktopscore is bijna altijd beter. Het gaat om mobiel, want daar komt je verkeer vandaan.

Optimaliseren zonder opnieuw te meten. Je comprimeert foto's, maar je meet de score niet opnieuw. Daarna klopt je gevoel niet met de werkelijkheid. Meet voor en na elke stap, zodat je weet wat effect heeft.

Denken dat een nieuwe site automatisch sneller is. Een nieuwe site met ongeconfigureerde hosting en ongecomprimeerde afbeeldingen is niet sneller dan je huidige site. De techniek bepaalt de snelheid, niet hoe recent de site is.

Alles tegelijk aanpakken. Als je hosting, caching, fonts en afbeeldingen tegelijk aanpakt, weet je daarna niet wat het verschil heeft gemaakt. Pak een stap, meet, pak de volgende.

Wat je nu kunt doen

Snelheid is geen eenmalig project. Na de eerste optimalisatieronde schuif je er langzaam weer vanaf naarmate je nieuwe foto's uploadt, nieuwe plugins installeert en je site verder groeit. Plan eens per half jaar een korte check in via PageSpeed Insights.

De volgorde is: eerst de afbeeldingen aanpakken (grootste winst, zelf te doen), dan caching inschakelen, dan overbodige plugins opruimen. De rest is verfijning.

Heb je de snelheid eenmaal op orde, kijk dan naar de volgende laag: hoe je de bezoeker die nu wel blijft ook echt naar de boekingsknop leidt. Dat lees je terug in hoe je de conversie van je hotelsite verbetert.

Als je toch bezig bent met de technische kant, pak dan ook je mobiele gebruikerservaring mee. Snelheid en mobiel ontwerp versterken elkaar: een snelle site die op mobiel onhandig navigeert converteert nog steeds slecht. En als je de basis van je site wilt aanpakken, begin bij wat een hotelwebsite minimaal nodig heeft.

Wil je weten wat een betere conversie je concreet oplevert in vergelijking met wat je nu aan commissie betaalt, reken het door met de besparingscalculator. Of kijk wat we voor je kunnen bouwen als je dit liever laat doen.