Snelheid van je website verbeteren? | Zo is een trage website verleden tijd

Is jouw website traag? Of valt het wel mee, maar wil je de snelheid van je website nog meer verbeteren? Ontdek hier onze 6 tips om je website sneller te maken.

Een trage website. Een doorn in het oog van gebruikers maar ook van jou als website-eigenaar. Want waarom doet die pagina er nu zo lang over om te laden? Geen zorgen. Wij gaan je helpen. In dit artikel leggen we je uit waarom een website traag kan zijn èn lees je hoe je dat oplost.

Heb jij (sommige van) onze tips nog niet doorgevoerd op je website? Ga er dan mee aan de slag en maak je website secondes sneller!*

* En ja, secondes zijn in termen van laadtijd van webpagina’s heel lang. 😉

Hoe laadtijd jouw online resultaat beïnvloed

First things first. Waarom moet je eigenlijk willen dat je website snel laadt? Maakt het dan zoveel uit? Ja, dat maakt héél veel uit.

Een trage website is meer dan alleen vervelend. Lange laadtijden kosten je verkeer. En wel om de volgende redenen:

Je verliest al een deel van je websitebezoekers nog voor je pagina geladen is

De gemiddelde internetter is niet heel geduldig. Elke seconde telt. 1 op de 4 mensen verlaat een website die er meer dan 4 seconden over doet om te laden. En onder de streep kan een vertraging van 1 seconde in laadtijd je 7% conversies kosten.

Daarbij zijn trage websites vaak nóg trager wanneer ze bekeken worden op een mobiel apparaat. En aangezien we tegenwoordig massaal via onze telefoon het internet afsurfen, is een mobielvriendelijke aanpak essentieel.

Een trage website heeft een negatief effect op organische vindbaarheid

Google en andere zoekmachines houden hun gebruikers graag blij. Google wil graag relevante zoekresultaten tonen waar gebruikers iets mee kunnen. Daarbij wordt niet alleen gekeken of een onderwerp past bij de zoekopdracht maar ook naar de ervaring op de pagina.

Lange laadtijden en (daardoor) een hoog bounce percentage zijn indicatoren voor Google dat gebruikers geen goede ervaring hebben op een pagina. Je kunt dus nog zo je best doen op inhoudelijk sterke en relevante content… Dat gaat weinig doen als de techniek dit niet ondersteunt.

11 veelgemaakte fouten op zakelijke websites

11 veelgemaakte fouten op zakelijke websites. Komen deze fouten voor jouw website? Ontdek het hier.

Bekijk de blog

Hoe wordt een website geladen?

Om te begrijpen waarom laadtijden lang kunnen zijn, moeten we eerst snappen hoe een website wordt geladen. Wanneer je een website intypt in je browser, gebeurt er achter de schermen globaal het volgende:

  1. De website wordt opgezocht in de browser
  2. De browser maakt via het internet verbinding met de server van de website en stuurt een verzoek (HTTP Request)
  3. De server stuurt een reactie op het verzoek (HTTP Response) met de nodige informatie om de pagina te laden.
Hoe wordt een website geladen vanaf de server?

In feite vraagt de browser dus wat die moet doen om een webpagina te kunnen laden. Een soort to-do lijst met requests die moeten worden uitgevoerd. Denk aan het laden van een afbeelding of een functionaliteit. De server stuurt vervolgens de informatie die nodig is.

Het aantal requests en hoe groot ze zijn, heeft invloed op de laadtijd van een pagina. Simpel gezegd: hoe langer de to-do lijst, hoe langer de laadtijd.

Tips voor een snellere website

Hoe minder data er moet worden gedownload van de server om een pagina weer te geven, hoe sneller die pagina zal zijn. Dit, in combinatie met de snelheid van de server, is bepalend voor de snelheid van je website.

Wil je de snelheid van je website verbeteren? Ga dan aan de slag met deze tips:

1. Afbeeldingen verkleinen

Zorg ervoor dat de afbeeldingsbestanden op je website niet groter zijn dan nodig. Hoe groot je een afbeelding weergeeft op je website en hoe groot het bestand is dat ingeladen wordt, moet niet te ver uit elkaar liggen.

verklein je afbeeldingen om je website sneller te maken.

Er zijn verschillende manieren om afbeeldingen te verkleinen:

Begin altijd bij compressen van je afbeelding. Door je bestand te compressen, reduceert de bestandsgrootte vaak al aanzienlijk. Onnodige ‘lucht’ wordt als het ware uit het bestand gedrukt. Voor het compressen van afbeeldingen zijn handige (gratis) tools beschikbaar zoals TinyPNG.

Zorg er vervolgens voor dat het bestandsformaat niet groter is dan nodig. Is een afbeelding op je website 200 bij 200 pixels? Gebruik dan niet een bestand van 1000 bij 100 pixels. Je afbeelding wordt er niet scherper van als je zo’n groot bestand gebruikt. Maar je website wordt er wel trager van. Je kunt de bestandgrootte van een afbeelding wijzigen met programma’s zoals Photoshop.

Naast compressen en verkleinen, kun je met WordPress ook afbeeldingen automatisch verkleinen. In de code van je website kun je per afbeelding een filter meegeven: add_imagesize. Dit is een filter van WordPress zelf die je kunt toevoegen aan het thema van je website. Hiermee maak je een specifiek afbeeldingsformaat aan. Dit geldt voor vervolgens voor alle afbeeldingen die je toevoegt aan je website.

*Vanaf WordPress versie 5.8 is bovendien WebP beschikbaar. Hiermee heb je over het algemeen nog betere compressie en kleinere bestandgroottes binnen je WordPress omgeving.

2. Lettertypes beperken

Probeer het aantal lettertypes dat je gebruikt op een pagina te beperken tot één of twee. En zorg ervoor dat voor de lettertypes die je gebruikt, alleen de nodige uitvoeringen worden ingeladen.

Voor de meeste lettertypes zijn verschillende uitvoeringen beschikbaar. Je weet wel; schuingedrukt, dikgedrukt, enzovoorts. Gebruik je bijvoorbeeld alleen Arial Bold op je pagina? Dan is het niet nodig om op je pagina ook Arial Italic, Arial Italic Bold in te laden.

Soms zul je de afweging moeten maken tussen “het ziet er leuk uit” en snelheid. Staat er één quote op je pagina die je nu als enige in een ander lettertype toont? Dan moet je jezelf afvragen dat het waard is. Voor die ene quote moet namelijk wel dat hele lettertype geladen worden.

Niels Pilon, WordPress specialist bij Fris Online

3. Icons beperken

Veel websites maken gebruik van een set iconen, bijvoorbeeld van Font Awesome. Maar de kans is klein dat je alle iconen op je website gebruikt. Waarom zou je ze dan wel allemaal laten inladen op je pagina?

Icons beperken voor een snellere website

Voor icons / iconen geldt eigenlijk hetzelfde als voor lettertypes. Laad alleen de iconen in die je je ook echt gebruikt.

4. Scripts inladen

Scripts zijn stukjes code die zorgen voor functionaliteit op je pagina. Je hebt interne en externe scripts. Interne scripts zijn functionaliteiten binnen je website, zoals een slider (hier lees je waarom wij sliders op je website geen goed idee vinden). Externe scripts zijn functionaliteiten van derde partijen, zoals de Google Analytics.

Ook voor scripts geldt: laad alleen in wat je ook echt nodig hebt en gebruikt. Scripts kunnen namelijk enorm vertragend werken tijdens het laden van je pagina.

Scripts uitgesteld laten inladen

Zijn er toch (zware) scripts die je gebruikt? Dan kun je die nog op een andere manier laten inladen, om de snelheid van je website toch te verbeteren:

Niet alle scripts zijn nodig om direct in te laden. Sommige scripts kun je uitgesteld laten inladen. De pagina wordt dan eerst geladen zonder het script, zodat de gebruiker snel iets te zien krijgt. Terwijl de gebruiker al aan het lezen of scrollen is, wordt dan het uitgestelde script geladen.

Een script dat je bijvoorbeeld prima uitgesteld kunt inladen is de chatbotfunctie. Het uitgesteld inladen van bepaalde scripts kun je in WordPress instellen met een caching plug-in, zoals WP Rocket.

raket WP Rocket

Prettige Plug-ins | WP Rocket

Wil je jouw WordPress website sneller maken? Verbeter de snelheid van je website met WP Rocket. Lees hier waarom wij kiezen voor deze prettige plug-in.

Bekijk de blog

Scripts asynchroon laten inladen

Kan een script niet worden uitgesteld maar kost deze wel relatief veel tijd om te laden? Dan kun je het script ook asynchroon laten inladen. Dat werkt zo:

Zoals we al eerder benoemden: het laden van bestanden, scripts en afbeeldingen die nodig zijn om een website te tonen worden worden requests genoemd. Requests worden principe één voor één uitgevoerd. Als er een request is dat veel tijd kost, ontstaat er als het ware een file. Door een script (request) asynchroon te laten inladen, wordt deze parallel geladen. Zo veroorzaakt het script geen opstoppingen meer.

5. Instellingen van je server

De eerste vier tips hebben allemaal te maken met de hoeveelheid requests, ofwel verzoeken, die moeten worden uitgevoerd voor het laden van een pagina. En hoewel requests voor een groot deel de snelheid van je website bepalen, is dit niet het enige.

De instellingen van je server hebben ook invloed op de snelheid van je website. Die instellingen kun je waarschijnlijk niet zelf veranderen. Dit doet je hostingpartij. Het is dus van essentieel belang dat je een goede hostingpartij kiest. Let daarbij op de volgende zaken:

Je wilt dat de Time To First Byte (TTFB) in orde is. Dit is de tijd die het kost om je server te benaderen. Kortom, de tijd die zit tussen iemand die je website intikt en het moment dat er requests kunnen worden uitgevoerd.

De TTFB kun je niet verbeteren door je website te optimaliseren. Dit heeft met je server (en dus je hostingpartij) te maken. Voor een snelle website, wil je idealiter een TTFB tussen de 0,3 en 0,5 seconden. Google adviseert zelfs om te richten op een TTFB van onder de 0,2 seconden. Om er achter te komen wat de TTFB is, kun je gaan testen met proefpakketten van verschillende hostingpartijen.

6. Pas op met commerciële WordPress thema’s

We horen het regelmatig. Het vooroordeel dat alle WordPress websites traag zijn. Maar WordPress zelf is niet hetgeen wat je website traag maakt. Hoe je je website opbouwt wel.

8 vooroordelen over WordPress (en of ze terecht zijn)

WordPress traag? Onzin! Lees hier waarom èn ontdek de 7 andere vooroordelen over WordPress.

Bekijk de blog

Heb je een WordPress website? Pas dan op met het gebruik van commerciële thema’s. Deze kant-en-klare thema’s bevatten vaak veel toeters en bellen die je niet gebruikt. Maar zonder maatwerk instellingen, worden al die onnodige dingen wel ingeladen.

Het is wel mogelijk om commerciële WordPress thema’s te ‘strippen’ en daarmee sneller te maken. Dit kost alleen wel de nodige technische kennis en skills. En als je hier er dan toch een WordPress specialist naar laat kijken, kun je wellicht beter gelijk een website op maat laten maken.

Je website optimaliseren?

Is je website niet aan vervanging maar wèl aan verbetering toe? Of heb je een prima website die je wilt doorontwikkelen? Dan is website optimalisatie iets voor jou.

Bekijk de mogelijkheden

Of neem contact op

Niels Pilon

WordPress Specialist

0182 – 71 20 40
niels@fris.online

Meer artikelen over Websites

WordPress 5.8

WordPress 5.8 | Wat verandert er bij deze nieuwe release?

WordPress heeft op 20 juli een nieuwe release uitgebracht: WordPress 5.8. Wat is nieuw binnen deze update van de WordPress core? Lees het hier.

Lees verder
tagWebsites

8 vooroordelen over WordPress (en of ze terecht zijn)

Wat zijn de vooroordelen over WordPress die we het vaakst horen? En zijn die eigenlijk wel terecht? Je leest het hier. Heb jij een van deze vooroordelen?   

Lees verder
tagWebsites

11 veelgemaakte fouten op zakelijke websites

Komen deze fouten voor op de website van jouw bedrijf? Ontdek het hier.

Lees verder
tagWebsites