11 september 2025
Hoe maak je een website 10 keer zo snel?
Een klant stuurde me een mailtje dat zijn contactformulier niet goed werkte. Ik had al zeker 10 jaar niet meer voor deze klant gewerkt, maar de website was nog steeds ongeveer hetzelfde. We hadden destijds een Wordpress thema van Envato geinstalleerd. Lekker goedkoop en het ziet er vaak leuk uit.
Maar nu dienden zich meerdere problemen aan. Het contactformulier werkte dus niet (meer) en de PHP versie moest worden geupdate. Mij viel echter ook direct het trage laden van de site op. PageSpeed Insights gaf aan dat de Speed Index meer dan 20 seconden bedroeg, terwijl de richtlijn 2 a 3 seconden is. Dat de Speed Index zo hoog was kwam door de grootte van de pagina: meer dan 18 Mb!
Een absurd en uniek geval, zou je denken… maar ik kom het vaker tegen. Iemand verwees me laatst naar de homepage van Concertlab. Toen ik de link naar die pagina aanklikte en in mijn browser keek waarom het allemaal zo traag ging, zag ik dat de homepage meer 500 Mb groot was! Je mag de link ook aanklikken, maar als je het op een mobieltje over 5G doet moet je wel oppassen… want de pagina laadt niet, maar gaat wel als een gek staan downloaden. Twee of drie keer refreshen en je hebt er zo een paar duizend Mb doorheen gejaagd.
Maargoed, terug naar de klant met het Envato thema: Ik heb de website uiteindelijk herbouwd, waarmee ik in één klap alle problemen heb opgelost. Om hem sneller te maken heb ik alle ‘bloat’ verwijderd, maar het uiterlijk gelijk gehouden. Ik heb de PHP en de database vervangen door een ‘static site generator’, de HTML opgeschoond, jQuery vervangen door gewone Javascript, alle afbeeldingen geoptimaliseerd en de CSS volledig herschreven. Tenslotte heb ik mijn eigen CMS gekoppeld, waarmee ik ervoor heb gezorgd dat ze nooit meer te zware afbeeldingen in kunnen laden. Eigenlijk mijn standaardrecept voor websites met overgewicht. Klinkt als veel werk? Het valt wel mee.
Eigenlijk mijn standaardrecept voor websites met overgewicht.
Het resultaat? De nieuwe homepage is 20 keer zo klein als de Wordpress variant en hij heeft een Speed Index van 1,7 seconden. Daarmee is de website meer dan 10 keer zo snel geworden.
Ga je dat merken? Op een trage verbinding zeker. Daar laadt de ene website niet en de andere wel. Op een breedband verbinding is het subtieler. Daar zie je een website die bij elke klik moet laden en eentje die dat niet hoeft. Dat verschil ga je ook terugzien in de conversie. De nieuwe website is niet alleen veel fijner en makkelijker om doorheen te klikken, hij zal ook hoger in Google komen. Dat komt doordat Google snelle websites beloont en omdat Google minder crawlbudget nodig heeft voor het indexeren. Hoger in Google betekent meer conversie en meer conversie betekent meer klanten. Zo zorg ik dat mijn werk geen geld kost, maar geld oplevert.
Wil jij ook een 10 keer zo snelle website? Neem dan contact met me op!
() Joost van der Schee