Word je wel eens ongeduldig door het trage laden van een website? Van je eigen website misschien wel, of op mobiele apparaten? Dan ben je niet de enige. Driekwart van de gebruikers komt dat probleem tegen.
Een probleem met gevolgen, omdat bezoekers afhaken en niet meer terugkeren. Wat kun je doen om een lekker snelle website te krijgen?
Net zoals een website geschikt moet zijn voor alle schermen, is een snelle website eigenlijk geen keuze meer. Je wilt dat mensen zo makkelijk mogelijk een actie ondernemen of de informatie vinden die ze zoeken. Stel, je hebt een webshop met veel producten en je bent niet de enige met deze artikelen. En stel dat het product bij je concurrent ook 3 klikken verwijderd is van de koopknop.
Wat gebeurt er als de laadtijd van jouw pagina’s 10 seconden is en van je concurrent 2 seconden? Juist. En dat is niet de enige reden om te zorgen voor een snelle website.
- het bezoek aan je website komt voor de helft van mobiele apparaten, de verwachting van bezoekers is een laadtijd van 2 seconden
- die verwachting is kennelijk zo groot, dat je website op mobiel na 3 seconden wordt verlaten (74% van bezoekers bij 5 s. laadtijd)
- de laadtijd is een belangrijke indicatie voor de waardering van Google
Hoe zorg je voor een snelle website?
Oké! Het belang van het optimaliseren van de laadsnelheid van websites zal je duidelijk zijn. Google heeft trouwens een goede tool om die snelheid te checken. Tegelijk is het een tamelijk technisch verhaal met vele wegen naar Rome en een enorme gereedschapskist. Dus zal ik wat vertellen over de belangrijkste elementen en acties.
1 – Schone en verkleinde code
Soms maken webpagina’s gebruik van bijvoorbeeld JavaScipt voor fraaie effecten en animaties. Dat kan de laadsnelheid verkleinen. Het is dus verstandig te bekijken of dat wel echt nodig is, of om te zorgen voor een manier om de negatieve invloed daarvan te beperken.
Dat gaat ook op voor HTML en CSS bestanden, die je website wel nodig heeft, maar die je vaak kunt verkleinen, zodat ze de pagina vlotter serveren aan de bezoeker. Daar doe je het toch voor.
2 – Door GZIP compressie te gebruiken
Daarmee comprimeer je de inhoud van een pagina, zodat de server minder aangeroepen hoeft te worden. Een beetje afhankelijk van de situatie gaat dat om het plaatsen van wat code die je server aanstuurt om deze compressie te doen. Zo kun je de snelheid al enorm vergroten.
3 – Gebruik zo min mogelijk WordPress plugins
Omdat ik met name met WordPress werk, is dit één van mijn favoriete tips. Welke plugins zijn echt nodig en behulpzaam? Het is een vraag die je je moet stellen, omdat met plugins weer nieuwe scripts (kunnen) worden geladen.
Wel zijn er voor WordPress prima zogeheten caching plugins, die helpen de snelheid te verbeteren (door de opgeslagen versie van een pagina te serveren) en HTML en CSS kunnen comprimeren. Welke je gebruikt kan afhangen van andere plugins, die nodig zijn voor een website. Dat kan per bedrijf verschillen natuurlijk.
4 – Goed omgaan met afbeeldingen
Afbeeldingen zijn voor een snelle website van groot belang, maar ook letterlijk van groot gewicht. Ze zorgen voor een aanmerkelijk deel voor de data van een pagina. Het beste is dat je ze in het optimale fomaat maakt VOOR je ze uploadt. Het optimale formaat wordt allereerst bepaald door je thema.
Daarnaast dien je ze zodanig te comprimeren, dat ze minder zwaar worden. Dat gaat om het aantal bytes (kB). Daar zijn verschillende programma’s voor (Mac of Windows) en met Photoshop kan vrijwel alles. Heb je dat niet tot je beschikking dan zijn er (online) alternatieven te over.
Daarnaast is het soort bestand iets om op te letten. Meestal voldoet een .jpg/.jpeg als afbeelding, maar soms wil je een .png gebruiken vanwege de betere grafische kwaliteit (goed leesbaar bv.). Je wilt niet dat het comprimeren de kwaliteit van de foto vermindert, dan is TinyPNG een goede online tool
Voor grote websites met veel afbeeldingen kun je een Content Delivery Network (CDN) gebruiken. Een service die je afbeeldingen vanaf de server gecached – als een extern werkgeheugen – opdient bij bezoekers. Zo’n CDN heeft een wereldwijd netwerk en de server die het meest dichtbij is, levert de afbeeldingen af.
5 – Zorg voor goede hosting
Misschien is de soort hosting die je kiest voor een website wel het belangrijkste element voor de snelheid van je website. Je kan kiezen voor duurdere managed WordPress hosting, afhankelijk van je online aanbod en voorkeuren. De praktijk is dat veel kleinere websites vaak gebruik maken van shared webhosting. Ook dan is verbetering mogelijk.
Voor websites met veel zware bestanden, zoals video en audio, is externe hosting een optie, maar daar hangt een prijskaartje aan. Stel je wel audio en video beschikbaar via je website, dan kan dat natuurlijk met embedded media. Niet voor niets dat YouTube, SoundCloud of MixCloud zo populair zijn. Het gaat erom dat je de server ontlast en jouw website lekker snel maakt.
Met deze tips hoop ik dat je meer inzicht hebt gekregen van de mogelijkheden om je website op dit punt te verbeteren. Het verbeteren en optimaliseren van websites en laadtijden is iets dat blijvend aandacht vraagt.