Zo maak je je website razendsnel (en houd je hem zo)

Je denkt er pas over na als je zelf zit te wachten. Je past een tekst aan, je opent de pagina om te controleren en het duurt net te lang. Of een klant zegt: op mijn telefoon deed je site het niet zo vlot. Wil je je website sneller maken, dan denk je misschien eerst aan zwaardere hosting. Dat is begrijpelijk, maar meestal niet waar de winst zit.

Een trage site is bijna nooit één ding. Het is een combinatie van wat er op de pagina staat en hoe de techniek erachter werkt. Pak je alleen de hosting aan, dan betaal je meer voor hetzelfde probleem. Begin dus niet met kopen, maar met kijken waar bezoekers vastlopen.

Waar merk je dat traag echt pijn doet?

Niet in een rapport, maar in gedrag. Mensen klikken wel, maar doen daarna niets. Ze openen je dienstenpagina en vragen geen offerte aan. Ze vullen half een formulier in. Ze haken af in je winkelwagen.

Dat zie je het snelst bij de pagina's die geld moeten opleveren. Voor een eenvoudige website zijn dat je homepage, je belangrijkste dienstenpagina en je contactpagina. Voor een webshop zijn dat je categoriepagina, je productpagina en je afrekenen. Loopt juist daar iets stroef, dan kost elke dag wachten je aanvragen.

Pak er daarom je telefoon bij en doe alsof je een nieuwe klant bent. Zet wifi uit en loop je eigen route: binnenkomen, lezen, klikken, invullen, bestellen. Waar moet je wachten tot een knop werkt? Waar verspringt de tekst als er een foto bij komt? Waar twijfel je of je klik wel is aangekomen? Dat zijn de plekken waar je je website sneller wilt maken, niet ergens onderaan een blogarchief.

Komt het door je hosting of door wat erop staat?

Dit onderscheid bespaart je veel verkeerde moeite. Er zijn grofweg twee soorten traag.

Soort 1: er komt lang niets. Je klikt en het scherm blijft wit of je browser blijft laden. Dan wacht je op antwoord van de server. De pagina moet bij elk bezoek opnieuw worden opgebouwd, de database moet steeds opnieuw zoeken of de server staat ver weg en reageert bij drukte langzaam.

Soort 2: er komt wel iets, maar het voelt zwaar. Je ziet een kop en daarna schuift alles, foto's poppen er laat in, scrollen stottert en knoppen reageren pas na een tel. Dan komt er te veel mee: grote beelden, een video die direct start, veel lettertypes, scripts van chat, metingen en social media, en code van een thema of plug-ins die je op die pagina niet nodig hebt.

Herken je soort 1 vooral op piekmomenten, dan zit het in de basis. Herken je soort 2 vooral op je telefoon, dan zit het in de inhoud van de pagina. Vaak is het allebei een beetje, maar door dit eerst uit elkaar te halen weet je waar je moet beginnen.

Maak eerst de achterkant vlot

Dit zie je niet terug in je design, maar je merkt het overal. Loop deze punten door met je bouwer of hostingpartij als je je website sneller wilt maken.

• Hergebruik wat al is opgebouwd: zet caching aan voor pagina's die voor iedereen hetzelfde zijn, zodat de server ze niet bij elk bezoek opnieuw hoeft te maken. Geef vaste bestanden zoals logo's en stijlen een lange bewaartijd in de browser mee.
• Laat de database minder vaak hetzelfde opzoeken: met objectcaching hoeft een drukbezochte pagina niet steeds opnieuw dezelfde vraag te stellen.
• Verstuur minder en moderner: zet compressie aan, werk met een actuele PHP-versie en een moderne verbinding. Dat scheelt bij elk bezoek een stukje wachttijd.
• Houd de afstand klein: richt je je op Nederland, dan helpt een server in de buurt. Heb je bezoekers uit meerdere landen, dan helpt een CDN om bestanden van dichterbij te leveren.

Staan hosting en onderhoud bij één partij, zoals in het aanbod, dan blijven updates, caching en controles doorlopen zonder dat jij eraan hoeft te denken. Blijft de eerste reactie dan toch traag, zeker als het druk is, dan heeft verder opruimen aan de voorkant weinig zin. Laat dan meten hoe de server reageert onder belasting en of je pakket nog past bij je bezoek en je aantal plug-ins.

Wat vraag je concreet aan je bouwer?

Vraag niet om algemeen sneller, maar om een korte meting per pagina: hoe lang duurt het voor de server antwoordt, wat is het totale gewicht op mobiel en welke scripts draaien mee zonder dat ze iets toevoegen? Met die drie antwoorden kun je kiezen wat je als eerste aanpakt.

Maak daarna wat bezoekers zien lichter

Hier zit de meeste merkbare winst. Je hoeft niet minimalistischer te ontwerpen, je moet slimmer laden.

Houd beeld in verhouding:

• Lever foto's aan in het formaat waarop ze echt worden getoond, met een lichtere variant voor kleine schermen
• Kies een modern, goed comprimeerbaar formaat voor foto's en logo's
• Laad beeld onder de vouw pas als iemand ernaartoe scrolt
• Geef breedte en hoogte mee, zodat tekst niet verspringt als beeld binnenkomt
• Vervang automatisch afspelende video door een rustige poster met een duidelijke afspeelknop

Laad minder onnodigs mee:

• Beperk je tot twee of drie lettertypevarianten en zet de rest uit
• Stel chat, meetpixels en social embeds uit tot na de eerste weergave of tot iemand erop klikt
• Zet plug-ins die je niet meer gebruikt echt uit en laad zware functies alleen op de pagina's waar ze nodig zijn
• Laad zware blokken op mobiel niet alleen onzichtbaar, maar ook echt niet in

Spreek dit vooraf door met je designer of bouwer. Eén extra slider, video of pixel lijkt klein, maar telt op elke pagina en elk bezoek weer mee.

Hoe houd je hem snel na de livegang?

Een snelle site wordt vanzelf weer langzamer. Iemand uploadt een serie grote foto's uit een shoot, er komt een tijdelijke video bij voor een actie, er wordt nog een meettool toegevoegd voor een campagne. Niets geks, maar bij elkaar voel je het direct.

Maak er daarom een gewoonte van in plaats van een eenmalige klus:

• Spreek een vast budget af voor gewicht, beeldformaten en aantal scripts per pagina
• Leg vast hoe je beeld en video aanlevert, zodat iedereen op dezelfde manier werkt
• Test na elke grotere wijziging eerst op een testomgeving en daarna live op je telefoon met mobiele data
• Noteer kort wat je veranderde en wat het deed met laden en stabiliteit

Prik één vast moment per maand om je belangrijkste route opnieuw te doorlopen. Voelt alles direct, dan zit je goed. Merk je wachten of verspringen, pak het dan meteen aan. Kom je er niet uit omdat je thema, builder of hosting tegenwerkt, neem contact op met je metingen erbij. Dan zie je samen waar de tijd blijft zitten en wat je als eerste oplost.