Je horecawebsite is traag. Waar ligt het aan en wat doe je eraan?

Een trage horecawebsite ligt meestal aan een paar vaste dingen: te grote foto’s, een menukaart als zware pdf, een slider of Instagram-feed op de homepage, te veel plugins, of goedkope gedeelde hosting. Meet het eerst, dan weet je waar je moet zoeken. Begin bij de foto’s. Dat is bijna altijd de grootste winst.

Waarom het uitmaakt: je gasten kijken op een telefoon, vaak op straat of in de tram, op zoek naar je openingstijden of je menukaart. Een pagina die blijft laden, klikken ze weg. En Google meet het ook.

Hoe meet je of je site traag is?

Met PageSpeed Insights, een tool van Google die niets kost. Vul je adres in en kijk naar het tabblad Mobiel, niet naar desktop. Je gasten zitten op een telefoon.

Google gebruikt drie metingen, de Core Web Vitals, met deze grenzen voor “goed” (web.dev):

• Largest Contentful Paint (LCP): het grootste stuk van de pagina, meestal je hoofdfoto, staat er binnen 2,5 seconden.
• Interaction to Next Paint (INP): de pagina reageert binnen 200 milliseconden als je ergens op tikt.
• Cumulative Layout Shift (CLS): maximaal 0,1. In gewone taal: de pagina springt niet heen en weer terwijl hij laadt, zodat je niet net op de verkeerde knop tikt.

Google kijkt naar wat 75 procent van je bezoekers ervaart. Staat er bovenaan “Geslaagd”, dan zit je goed. Staat er “Mislukt”, dan lees je hieronder waar het meestal zit.

Test ook gewoon zelf. Zet wifi uit op je telefoon, open je site en tel. Zie je na drie tellen nog een wit scherm, dan is je site te traag.

Wat maakt horecasites traag?

Foto’s die te groot zijn. Meestal de grootste boosdoener. Een foto rechtstreeks van een camera of een fotograaf is al snel meerdere megabytes. Op een telefoon is de foto een paar honderd pixels breed. Je laat je gast dus een bestand downloaden dat vele malen groter is dan nodig. Bij een homepage met een sfeerfoto, vijf gerechten en een terras loopt dat snel op.

De menukaart als pdf. Een pdf met foto’s is al snel zwaar, en op een telefoon moet je erin knijpen om iets te lezen. Een menukaart als gewone tekst op een pagina laadt sneller en leest makkelijker. Hoe dat werkt, lees je op cafewebsite.nl, waar ik websites bouw: je menukaart als pagina in plaats van pdf.

Sliders en Instagram-feeds. Een slider met vijf grote foto’s laadt alle vijf foto’s, ook als je gast alleen de eerste ziet. Een Instagram-feed via een plugin laadt vaak een hele rij externe scripts. Beide zitten meestal bovenaan de homepage, precies op het deel dat als eerste moet verschijnen.

Te veel plugins in WordPress. Elke plugin voegt code toe. Een site met dertig plugins, waarvan tien niet meer gebruikt, is trager dan nodig. En oude plugins zijn ook een veiligheidsrisico. Zie WordPress onderhoud voor horeca.

Scripts van anderen. Een reserveringswidget, een chatknop, een cookiebanner, een bezoekersteller, een Facebook-pixel. Elk script is een extra verzoek naar een andere server. Een paar is prima, maar tel ze eens.

Goedkope gedeelde hosting. Voor een paar euro per maand deel je een server met veel andere sites. Op een rustige dinsdag merk je dat niet, op een vrijdagavond soms wel. Zie je in PageSpeed Insights dat de eerste reactie van de server lang duurt, dan ligt het waarschijnlijk hieraan.

Wat kun je zelf doen?

In deze volgorde, want de eerste stappen leveren het meest op:

1. Verklein je foto’s voordat je ze uploadt. Een breedte van 1.600 tot 2.000 pixels is genoeg voor een grote foto op een groot scherm. Een tool als Squoosh maakt er een licht bestand van, zonder dat je verschil ziet.
2. Haal de slider weg en zet één goede foto bovenaan.
3. Vervang de menu-pdf door een pagina met de kaart als tekst, of zet in elk geval een lichtere pdf neer.
4. Ruim plugins op die je niet gebruikt. Verwijderen, niet alleen uitzetten.
5. Meet opnieuw in PageSpeed Insights.

Gebruik je WordPress, maak dan eerst een back-up voordat je plugins verwijdert. Sommige plugins hangen aan elkaar, en dan wil je terug kunnen.

Wanneer ligt het niet aan jou?

Als je foto’s klein zijn, je weinig plugins hebt en de site nog steeds traag is. Dan ligt het aan de hosting, of aan hoe de site gebouwd is. Een site die op een zwaar thema met een paginabouwer draait, krijg je met opruimen niet snel. Soms is opnieuw bouwen goedkoper dan blijven sleutelen. Een website laten bouwen die vanaf het begin snel is op een telefoon, doe ik via cafewebsite.nl: een restaurantwebsite laten maken.

Wanneer heb je hier geen hulp bij nodig?

Als PageSpeed Insights op mobiel “Geslaagd” zegt. Dan is je site snel genoeg, en levert verder schaven je gasten weinig op.

Is hij traag en wil je het niet zelf uitzoeken, dan kijk ik ernaar. In het plan Onderhoud van € 50 per maand, exclusief btw, zit de hosting, updates, back-ups en tot 30 minuten aan aanpassingen per maand. Wat daar precies in zit en wat niet, staat op website onderhoud voor horeca.