Waarom je website traag laadt (en wat je zonder herbouwen oplost)
Een website laadt bijna altijd traag door ongecomprimeerde foto's, overbodige template-animaties en widgets zoals chat of een kaart die te veel laden — en dat verhelp je in een week, zonder de site te herbouwen.
Rocío heeft een kwekerij in Xalapa. Twee maanden geleden liet ze haar website maken en die werd mooi: een grote foto van de ingang, de planten van het seizoen, haar openingstijden, haar telefoonnummer, haar kaart. Ze was er zo blij mee dat ze de link op het bord bij de stoep liet zetten.
Wat ze niet heeft gezien, is wat er aan de andere kant gebeurt. Iemand zoekt op zijn telefoon naar “kwekerij in Xalapa”, met mobiele data en twee streepjes bereik, terwijl hij op een hoek van de straat staat. Hij tikt op de link. De achtergrond verschijnt, het logo verschijnt, en er blijft een grijs vlak staan waar de foto moet komen. Na zes seconden gaat die man terug naar Google en klikt op de volgende.
Hij besloot niet dat de kwekerij niets voor hem was: hij kwam er nooit achter wat ze verkocht. En in de statistieken ziet dat er precies zo uit als een klant die alles heeft gelezen — één bezoek. Een website die traag laadt is een site die meerdere seconden nodig heeft om zijn inhoud te tonen nadat iemand hem opent — en als dat gebeurt, verlies je geen klanten: je verliest mensen die nooit wisten dat je een optie was.
Waarom lijkt mijn website snel op mijn telefoon, maar traag voor anderen?
Omdat je telefoon liegt: je opent de site elke dag vanaf hetzelfde toestel, verbonden met de wifi van je zaak, en hij heeft alles al opgeslagen. Voor jou gaat hij altijd razendsnel open, ook als het voor een nieuwe klant met mobiele data acht seconden duurt.
De echte test kost je een gunst. Vraag iemand die nog nooit op je website is geweest — een klant aan de toonbank, je buurvrouw, je neefje — om hem te openen met hun eigen data, niet met jouw wifi. Jij kijkt alleen naar het scherm, zonder iets uit te leggen. Je weet het al aan hun gezicht voordat je telefoonnummer in beeld komt.
Het is de enige test op deze lijst die je niet alleen kunt doen.
Wat zorgt ervoor dat een website traag laadt?
Bijna altijd zijn het de foto’s. Een foto die rechtstreeks uit je telefoon komt, weegt meestal vier of vijf megabyte. Op je website wordt hij getoond in een vakje van drie centimeter. Je stuurt een heel billboard om iemand er een postzegel van te laten zien, en de klant betaalt voor dat volledige billboard met zijn data voordat hij iets te zien krijgt.
De website van Rocío heeft er veertig: de ingang, de varens, de vetplanten, de terracotta potten, de dame die er op zaterdag staat. Tien daarvan zijn al vijftig megabyte die iemand moet downloaden terwijl hij op een straathoek staat, en de galerij vraagt ze allemaal op, ook als de klant nooit naar beneden scrolt om ze te bekijken. Niemand verwacht dat, zeker niet rond het einde van de maand als het databundel bijna op is.
Het is het zwaarste onderdeel, maar ook het makkelijkst op te lossen, want je hoeft geen enkele foto weg te halen: je moet ze alleen opnieuw uploaden in een kleiner formaat.
Nummer twee: de machinerie die met het template meekwam
Het tweede dat zwaar weegt, is de machinerie die het template meebrengt: de carrousel die zelf van foto wisselt, de video als achtergrond op de homepage, de letters die vervagend in beeld komen als je naar beneden scrolt.
Niemand heeft ooit een varen gekocht dankzij een carrousel. Dat zijn allemaal onderdelen die de telefoon moet downloaden en in elkaar zetten voordat hij de volledige pagina kan tonen, en geen van allen beantwoordt de vraag waarmee de klant kwam: of je op zondag open bent en hoeveel een ficus kost.
Nummer drie: de extra’s
Het derde zijn de extra’s: de chat die na vijf seconden tevoorschijn springt, de ingesloten kaart die zichzelf laadt ook al scrollt niemand ernaartoe, het beoordelingenblok, de cookiebanner, de knoppen van vijf verschillende sociale media.
Elk van hen vraagt zijn eigen stukje internet op, soms van een server in een ander land, voordat je pagina klaar is met laden. Eén voel je niet. Zes wel.
Waarom laden templates voor websites traag?
Templates laden traag omdat ze niet voor jouw bedrijf gemaakt zijn. Ze zijn gemaakt om indrukwekkend te ogen in de catalogus waar je ze uitkoos, en daar zijn de carrousel en de animaties precies wat mensen doet klikken.
Niemand heeft je gezegd dat je moest weghalen wat je niet gebruikt. En in de meeste editors kost het weghalen van een sectie meer moeite dan hem laten staan: je moet de module vinden en raden wat er kapot gaat als je hem verwijdert. Dus blijft hij staan. Je website is niet traag omdat iemand zijn werk slecht deed; hij is traag omdat hij geboren werd met de spullen van een ander bedrijf erin, en niemand de tijd had om ze eruit te halen.
Wat het template écht wint
Als wat je verkoopt visueel is — planten, kleding, eten, nagels — verkopen een paar grote, goed geplaatste foto’s beter dan welke tekst dan ook, en het template is al om dat idee heen gebouwd. Er zijn branches waar de carrousel wél werkt, zoals een schoonheidssalon die acht voor-en-na-foto’s wil laten zien. En als je website al werkt zoals je wilt, is hem volledig herbouwen alleen voor snelheid bijna nooit de moeite waard.
En het belangrijkste, zodat je niet de hele maand aan het verkeerde ding besteedt: een trage website die wél in Google verschijnt, wint het van een snelle die niemand vindt. Als je niet opduikt wanneer mensen naar jouw branche en jouw stad zoeken, begin dan niet hier.
Wat is belangrijker: de laadsnelheid of de volgorde waarin alles verschijnt?
De volgorde waarin de inhoud verschijnt, is belangrijker dan de totale tijd die het laden kost. Een pagina kan er zes seconden over doen om helemaal te laden en toch snel aanvoelen, als binnen de eerste seconde al de naam van het bedrijf, de openingstijden en het telefoonnummer te zien zijn. En hij kan er drie over doen en eindeloos aanvoelen, als het eerste dat binnenkomt een foto van twee megabyte is en het telefoonnummer helemaal onderaan staat, onder de testimonials.
Niemand zit je website met een stopwatch te meten. Mensen checken of ze al gevonden hebben waarvoor ze kwamen. Als dat als eerste verschijnt, mag de rest rustig verder laden.
Hoe los ik een trage website op zonder hem te herbouwen?
Dat verhelp je met drie dingen, in deze volgorde, en alle drie passen in een week.
1. Upload de foto’s opnieuw, kleiner. Veel editors hebben een optie om afbeeldingen te optimaliseren of comprimeren; heeft die van jou dat niet, verklein ze dan vanaf je telefoon voordat je ze uploadt. Begin met de eerste foto van de pagina, want die houdt alles daarna op.
2. Haal weg wat je niet gebruikt. Eerst de carrousel: laat één foto staan, de beste. Dan de achtergrondvideo. Dan de knoppen van sociale media waar je al sinds vorig jaar niets meer op plaatst.
3. Zet boven aan de pagina wat mensen kwamen zoeken. Naam, wat je doet, openingstijden, telefoonnummer en adres, op het eerste scherm, met een nummer dat je direct kunt aantikken om te bellen.
En als je toch liever helemaal opnieuw begint
Als je website je meer kost dan hij je oplevert, beschrijf hem dan in Proyecta precies zoals je hem wilt:
“Een website voor mijn kwekerij in Xalapa: de planten die ik verkoop per type, prijzen vanaf, basisverzorging, adres met kaart, openingstijden en een WhatsApp-knop. Die snel opent met mobiele data, zonder carrousel en zonder video.”
Dat laatste vraag je gewoon met woorden, net als de rest. De site komt live met zijn eigen link, en als er iets te veel in zit, vraag je het er net zo makkelijk weer uit.
Eerlijk gezegd: de foto’s moet je zelf uploaden, en in het juiste formaat. Dat deel doet niemand voor je, niet hier en niet in Wix.
Voordat je dit tabblad sluit
Vraag het telefoontje van de eerste persoon die vandaag je zaak binnenkomt. Open je website met hun data en tel tot drie.
Staat je telefoonnummer er na drie seconden niet op dat scherm, dan weet je waar je moet beginnen. En dan weet je ook dat het probleem niet was dat je website lelijk was.