LENTE Sale TOT 50 % KORTING

+ GRATIS Domein bij de jaarplannen

Deal eindigt over:

03 :

17 :

49 :

36

Hoe Kun Je Een Website Sneller Maken

website snelheid

Hoe snel laadt je website wanneer iemand deze bezoekt?

Aangezien Google prioriteit geeft aan snelle pagina’s als een manier om te rangschikken, kan een langzaam ladende website je positie in zoekmachines zelfs bedreigen.

Tenzij je een professional op het gebied van webontwikkeling bent, kan het moeilijk lijken om de laadtijd van je website te optimaliseren.

Maar gelukkig zijn er in werkelijkheid eenvoudige manieren om de laadtijd van je pagina te verbeteren.

In dit artikel geven we een uitgebreide handleiding over hoe je de laadtijd van je website kunt verbeteren en geven we antwoord op de vraag: hoe kun je een website sneller laten laden?

We zullen ook bespreken wat een website sneller laat laden, waarom websitesnelheid belangrijk is en wat de ideale laadtijd van webpagina’s is, allemaal ondersteund door statistieken.

Snelheid auto oranje licht

Laadsnelheid website statistieken om te bewijzen dat paginasnelheid belangrijk is

Hoe vaak heb je op een link geklikt, en heel lang moeten wachten totdat de link geladen was, om het tabblad na een paar seconden te sluiten?

Je bent niet de enige – statistieken over de laadtijd van websites hebben keer op keer bewezen dat de paginasnelheid en de totale laadtijd van de pagina’s je geld kunnen kosten.

Wist je dat:

  1. 40% van de mensen verlaat een website als het langer dan 3 seconden duurt om de pagina te laden
  2. 47% van de gebruikers verwacht dat een pagina binnen 2 seconden of minder geladen wordt
  3. 40% van de consumenten wacht niet langer dan 3 seconden voordat een webpagina wordt weergegeven voordat ze het venster sluiten
  4. Meer dan 70% van de bezoekers verlaat een website met een laadtijd van meer dan 5 seconden
  5. Slechts 30% van de internetgebruikers heeft het geduld om 6-10 seconden te wachten voordat een pagina is geladen voordat ze wegklikken
  6. Een vertraging van 1 seconde in de pagina reactie kan een daling van 7% veroorzaken in het algehele conversiepercentage
  7. Bijna 80% van de kopers keert niet terug naar een website als ze problemen hadden met de laadtijd van de site
  8. Na slechts 3 seconden verlaat meer dan de helft van de mobiele gebruikers een pagina en gaat ergens anders heen
  9. 60% van de mobiele gebruikers in het afgelopen jaar gaf aan problemen te hebben ondervonden bij het browsen op verschillende websites, waardoor ze de pagina moesten verlaten
  10. Afhankelijk van de bronnen deelt tussen 12% en 44% van de gebruikers hun negatieve laadtijd ervaringen en waarschuwt anderen om de betreffende website te vermijden
  11. De gemiddelde laadtijd van mobiele pagina’s was ongeveer 15 seconden in 2018 – terwijl de optimale laadtijd voor mobiele landingspagina’s onder de 3 seconden blijft
  12. Bouncepercentages nemen toe met meer dan 30% wanneer de laadtijd van de pagina toeneemt van 1 tot 3 seconden
  13. Evenzo, als de laadtijd van de pagina toeneemt van 1 tot 5 seconden, neemt de kans dat gebruikers de pagina verlaten met 90% toe.
  14. Het duurt gemiddeld 10 seconden op desktop en 27 seconden op mobiel voordat een pagina volledig is geladen
  15. Gemiddeld duurt het bijna 90% langer om een ​​landingspagina op mobiele apparaten te laden dan op een desktop
  16. Grote pagina’s hebben meer dan 315% meer tijd nodig om volledig te laden (inclusief alle beelden), vergeleken met kleinere, volledig geoptimaliseerde lichte pagina’s
  17. Volgens Google verbetert het verhogen van de laadtijd van de pagina van 1 naar 3 seconden het bouncepercentage met meer dan 30%; en wanneer de laadtijd maximaal 5 seconden is, stijgen de bouncepercentages naar 90%

Een langzame laadsnelheid zal dus niet alleen je SEO schaden en het moeilijker maken voor mensen om je te vinden, het kan ook ernstige gevolgen hebben als je probeert een merk op te bouwen of een e-commerce winkel te runnen.

Hoe je je website sneller kunt maken

Maar niet alles is verloren: er zijn een paar snelle oplossingen die je kunnen helpen om je gemiddelde paginasnelheid te verbeteren.

Zyro templates

Stap 1. Kies het juiste template

Laten we eerlijk zijn – je kunt geen bezoekers trekken met alleen een goed uitziende website template. Je website moet ook worden geoptimaliseerd voor een hoge paginasnelheid.

De beste keuze hiervoor is om een over het algemeen om voor een licht template te kiezen.

Dan hebben we het in feite over een template dat niet te veel verschillende elementen in het ontwerp heeft, wat betekent dat er minder geladen hoeft te worden.

Kortom:

  • Lichtgewicht webdesign met code structuur is efficiënt. Dit betekent dat je de HTML-, CSS– en JavaScript-bestanden waaruit een template bestaat, zult moeten verwijderen.
  • Elk ontwerpelement moet bijdragen aan de esthetische en functionele waarde van de website.
  • Google rangschikt mobielvriendelijke websites als eerste, wat betekent dat je website template mobiel responsief en SEO-vriendelijk moet zijn.

Stap 2. Optimaliseer al je afbeeldingen

De waarheid is dat de meeste websites afbeeldingen hebben die hun inhoud aanvullen.

En op bepaalde websites, zoals e-commerce winkels en online portfolio’s, worden vaak honderden afbeeldingen weergegeven.

Dus hoewel het van essentieel belang is om afbeeldingen van hoge kwaliteit te gebruiken, kan het opvullen van je pagina’s met grote bestanden de paginasnelheid van je website aanzienlijk verminderen.

Daarom is het optimaliseren van je afbeeldingen een absolute must. En met optimaliseren bedoelen we het comprimeren van de bestandsgrootte van de afbeelding zonder de kwaliteit aan te tasten.

Slot van kluis tegen een oranje achtergrond

Stap 3. Zorg dat je website veilig is

Zou je je op je gemak voelen bij het browsen op een website zonder dat groene hangslot in de adresbalk?

Wij ook niet.

Het beveiligen van je website betekent dat je beveiligingsfuncties aan je website toevoegt om cyberaanvallen te voorkomen. Je wilt toch niet het risico lopen dat iemand al je gegevens beschadigt met kwaadaardige scripts?

De meeste moderne browsers controleren op SSL-certificaten en mogelijk schadelijke inhoud voordat ze de pagina laden.

Als je site niet voldoet aan de branchenormen, loop je het risico dat de pagina helemaal niet wordt geladen. Dit zou vreselijk zijn voor de gebruikerservaring.

Een Secure Sockets Layer (SSL) beveiligt de communicatie tussen je gebruikers en je server door de gegevens die tussen hen worden overgedragen te versleutelen.

Het verifieert de identificatie van je website en zorgt ervoor dat gebruikers en zoekmachines ervoor zorgen dat je een eerlijke, betrouwbare website hebt.

  • Een SSL is essentieel voor alle websites, met name voor websites die om gevoelige informatie van gebruikers vragen, zoals webshops met een afrekenpagina.
  • Als je een SSL op je website installeert, kun je het HTTPS-protocol gebruiken. Dit maakt de server-client communicatie-encryptie mogelijk, wat resulteert in het kleine hangslotje in de adresbalk.
  • Tegenwoordig vereisen de meeste browsers dat websites een SSL-certificaat gebruiken als essentiële beveiligingsmaatregel.
  • Het hebben van een SSL-certificaat op je website maakt het browsen verificatieproces eenvoudiger, wat resulteert in snelheidsverbeteringen en een algehele snellere paginasnelheid.

Stap 4. Beperk het gebruik van iFrames

Een iFrame – een afkorting van een inline frame – is een HTML-tag. Dit wordt gebruikt om externe elementen van andere websites op die van jou weer te geven.

Het wordt bijvoorbeeld gebruikt voor het insluiten van inhoud zoals YouTube-video’s, Google Maps en zelfs voor advertenties zoals banners.

  • Hoewel het gebruik van iFrames je opslagruimte kan vrijmaken, vertraagt de tag de prestaties van je website, inclusief de sitesnelheid.
  • Met iFrames moet een browser zijn scripts laden en aanvullende DNS-lookups naar de bronpagina uitvoeren.
  • JavaScript dat de weergave blokkeert, kan de responstijd van de browser vertragen, waardoor pagina’s traag geladen worden.
  • iFrames brengen ook beveiligingsrisico’s met zich mee die de algehele gebruikerservaring van je website in gevaar kunnen brengen. Als je inhoud van een kwaadwillende website insluit, creëer je zwakke punten op je website die hackers kunnen misbruiken.

Als je de snelheid van je site wilt verhogen en hoog in de zoekresultaten van Google wilt scoren, kun je het aantal iFrames op je website het beste verminderen.

Een 404-error weergegeven op een laptopscherm

Stap 5. Verwijder gebroken links

Gebroken links leiden internetgebruikers naar een pagina of een bestand dat niet meer beschikbaar is.

Hierdoor zullen gebruikers een 404-foutmelding te zien krijgen.

En hoe meer fouten Google op je website vindt, hoe meer het de gebruikerservaring van je website kan schaden. Niemand houdt van foutpagina’s, toch?

Deze digitale doodlopende wegen verhogen op hun beurt het bouncepercentage, waardoor je algehele verkeer en conversieratio afnemen, en vooral: je SEO zullen schaden.

Bovendien hebben veel gebroken links een directe negatieve invloed op de gebruikerservaring en kunnen ze de algehele paginasnelheid vertragen.

Daarom is het essentieel om je website regelmatig te controleren op gebroken links en deze helemaal te verwijderen wanneer je ze ziet.

Er zijn veel tools voor het controleren van gebroken links, zoals Dead Link Checker en Broken Link Check.

Deze tools helpen je om defecte links op je website te identificeren, zodat je ze kunt verwijderen of vervangen door werkende links.

Stap 6. Optimaliseer je content plaatsing

Wanneer je een website bezoekt, laadt je browser eerst alle inhoud bovenaan de ‘fold’.

Dit betekent dat de gebruiker alleen de inhoud ziet die bovenaan de pagina zichtbaar is en die past op het scherm van zijn apparaat.

  • Om de onderste gedeelte te laden, zul je naar beneden moeten scrollen.
  • Door ervoor te zorgen dat de inhoud in het bovenste gedeelte van de pagina licht is, wordt de pagina veel sneller geladen.
  • Het optimaliseren van de plaatsing van inhoud is belangrijk. Je paginasnelheid zal verbeteren, samen met de gebruikerservaring, en je bouncepercentage zal afnemen.

Deze strategie is ideaal voor websites die veel visuele inhoud gebruiken.

Hiermee kunnen gebruikers een deel van de website zien terwijl de browser de rest van de elementen laadt.

Een dienblad met koekjes in een tuin

Stap 7. Gebruik cookies en caching

Als je al een tijdje online te vinden bent, ben je waarschijnlijk het woord ‘cache’ tegengekomen.

Caching verwijst naar de praktijk waarbij een browser tijdelijke kopieën van webpagina-bestanden opslaat (meestal statische HTML-inhoud, zoals afbeeldingen en video’s), waardoor het laden van de pagina sneller verloopt.

Dit maakt de gebruikerservaring beter voor terugkerende bezoekers, aangezien de landingspagina sneller zal laden.

Cookies zijn daarentegen kleine tekstbestanden die helpen om de gebruiker te identificeren en om ze te volgen terwijl ze je site verkennen.

Op deze manier kunnen je gebruikers informatie zoals inloggegevens en zelfs product voorkeuren op je website opslaan.

Hoewel caching een directe impact heeft op de snelheid van je site, kunnen cookies helpen om de algehele gebruikerservaring te verbeteren en om sneller te kunnen inloggen.

Besteed aandacht aan je cookie-banner – kies voor een licht ontwerp, anders zal de banner je site met nog eens 2 seconden of meer vertragen.

Stap 8. Gebruik een Content Delivery Network (CDN)

Een CDN werkt volgens het principe dat de inhoud van je landingspagina’s wordt gedistribueerd naar een netwerk van servers over de hele wereld.

Je hoeft niet op één server te vertrouwen om je inhoud naar een gebruiker in de Verenigde Staten en een andere in het Verenigd Koninkrijk te verzenden. In plaats daarvan distribueert de Amerikaanse server de inhoud naar de gebruiker vanuit de VS, enzovoort.

Content delivery netwerken helpen om je paginasnelheid te verbeteren, aangezien ze de server stress verminderen door het verkeer effectiever te verdelen.

Cloudflare en Google’s Cloud CDN zijn populaire CDN’s, maar er zijn genoeg providers voor verschillende budgetten en server behoeften.

Long exposure met autolichten op de weg

Wat zorgt ervoor dat een website snel laadt?

Er zijn verschillende belangrijke factoren die bijdragen aan een hoge sitesnelheid. Deze omvatten web hosting en browser cache.

Betrouwbare hostingservice

De kwaliteit van je webhosting bepaalt de snelheid van je website.

  • Het vinden van het juiste hostingplan vereist uitgebreid onderzoek.
  • Omdat er veel soorten webhosting zijn, moet je rekening houden met je website behoeften en het verkeersvolume dat je verwacht.
  • Het is essentieel om te gaan met een gerenommeerde hostingprovider met behulpzame ondersteuning, betrouwbare beveiliging en voldoende bronnen voor de prestaties van je website.

Browser caching

Browser caching stelt een browser in staat om statische web elementen op te slaan nadat de webpagina voor de eerste keer geladen is.

Op deze manier kan de browser de lokaal opgeslagen gegevens ophalen telkens wanneer de gebruiker de webpagina bezoekt. Hierdoor hoeft hij niet elke keer nieuwe HTTP-verzoeken in te dienen en elementen te downloaden.

Door browsercaching in te schakelen, verminder je de laadtijd van pagina’s. jd bespaart ook op bronnen die je server gebruikt met HTTP-verzoeken tijdens pieken in het verkeer.

De elementen die tijdens browsercaching worden opgeslagen, zijn onder meer afbeeldingen, HTML-, CSS- en JavaScript-bestanden.

Afbeeldingen comprimeren

Wanneer je afbeeldingen comprimeert, hoef je deze meestal niet bij te snijden. In de meeste gevallen leidt compressie ook niet tot kwaliteitsverlies.

Er zijn twee soorten beeldcompressie – met verlies en zonder verlies.

  • Bij compressie met verlies worden enkele van de gegevens van je afbeelding verwijderd om de grootte te verkleinen. Deze methode kan de kwaliteit van een afbeelding in gevaar brengen als dit teveel gedaan wordt, dus houd er rekening mee hoe ver je wilt gaan.
  • Bij compressie zonder verlies worden de metagegevens van de afbeelding verwijderd om de bestandsgrootte te verkleinen. Hoewel de kwaliteit van de foto behouden blijft, is de grootte niet zo klein als bij compressie met verlies.

De methode zonder verlies betekent dat je de gecomprimeerde afbeelding kunt herstellen naar de vorige versie, bij compressie met verlies kun je dat niet doen.

Je kunt het beste met beide methoden experimenteren om erachter te komen welk compressietype geschikt is voor het optimaliseren van je afbeeldingen.

Online tools zoals Compressor.io of ShortPixel zijn geweldig om mee te beginnen.

Beide platforms zullen je inzicht geven in de bestandsgrootte, formaten en kwaliteitsverschillen na compressie.

Gebruik de juiste afbeeldingsbestandstypen

Afbeeldingsbestandstypen spelen een grote rol in de kwaliteit en laadtijd van je afbeeldingen.

De meest voorkomende afbeeldingsbestandstypen die online gevonden worden, zijn PNG, JPEG en GIF.

  • Het PNG-formaat heeft meestal de hoogste kwaliteit. Het is het beste om afbeeldingen te laten zien met kleine details en tekst, zoals pictogrammen, productfotografie op e-commerce sites en schermafbeeldingen.
  • Het JPEG-formaat is ideaal voor foto’s met veel kleuren. Je kunt zowel compressie met als zonder verlies gebruiken voor dit bestandstype zonder dat de kwaliteit merkbaar achteruit gaat. Omdat kleurentheorie echt van invloed kan zijn op de manier waarop online shoppers koopbeslissingen nemen, is JPEG je vriend als je sitebezoekers probeert te verleiden met kleurrijke afbeeldingen.
  • Het GIF-formaat is het beste voor animaties. Complexe, statische visuele inhoud kan dit formaat als beperkt ervaren, aangezien het slechts 256 kleuren ondersteunt. Compressie zonder verlies werkt het beste voor GIF-bestanden, omdat je hiermee de kwaliteit van de animatie kunt behouden. GIF’s zijn geweldig voor meer nuchter marketingmateriaal, zoals posts op social media, blog artikelen en nieuwsbrieven.

Geen overmatig gebruik van plug-ins 

Hoewel plug-ins erg handig zijn en meestal helpen om het leven van de website eigenaar een beetje makkelijker te maken, kan overdrijven je pagina en sitesnelheid ernstig schaden.

Het punt is dat alle add-ons op je website dezelfde serverbronnen delen. En hoe meer plug-ins je hebt die strijden om hun deel hiervan, hoe langer het laden van alle pagina’s duurt.

Begin met het controleren van alle plug-ins die je op uw website geïnstalleerd hebt (inclusief je mobiele site).

Verwijder vervolgens alle plug-ins die je niet gebruikt en je kunt je paginasnelheid en laadtijden gemakkelijk met vijf seconden of meer verlagen.

Waarom is website snelheid belangrijk?

But why gif

De laadtijd van je pagina is een van de belangrijkste factoren voor het succes van je website, omdat 70% van de consumenten de snelheid van een website als een belangrijke bepalende factor voor hun aankoopbeslissing beschouwt.

Het is veilig om te zeggen dat de paginasnelheid rechtstreeks van invloed is op je bedrijfsresultaten, en je mag dit niet over het hoofd zien.

Een hoge mobiele site snelheid heeft zelfs een direct en positief effect op het aantal paginaweergaven, conversiepercentages en gemiddelde bestelwaarden.

Hoe sneller de laadtijd van je website is, hoe lager je bouncepercentage zal zijn.

Simpel gezegd: het bouncepercentage van je website geeft de tevredenheid van bezoekers over je webpagina’s weer.

Een hoog bouncepercentage betekent dat gebruikers je website wegklikken nadat ze slechts korte tijd door je inhoud gebladerd hebben.

Het hebben van een hoog bouncepercentage heeft dus een directe invloed op je retentiepercentage (hoeveel mensen komen terug naar je site na hun eerste bezoek) en de algehele conversieratio (hoeveel mensen een aankoop doen, contact met je opnemen, zich aanmelden voor een nieuwsbrief, enzovoort).

Aangezien Google de voorkeur geeft aan snel ladende websites, is het onwaarschijnlijk dat trage websites hoog scoren op de pagina’s met zoekresultaten (SERP’s).

Dit betekent op zijn beurt dat je website minder verkeer krijgt en blootgesteld wordt aan de gemiddelde bezoeker.

Daarom is het essentieel om de tijd te vinden die nodig is om je website sneller te maken.

Tekening van een computer beeldscherm op een blauwe achtergrond

Hoe lang zou het laden van een website moeten duren?

Om deze vraag in het kort te beantwoorden – je site moet zo snel mogelijk geladen worden, bij voorkeur in minder dan 1 seconde. Twee seconden is ook niet erg, maar na drie seconden zul je de effecten merken.

Als vuistregel geldt: hoe sneller je paginasnelheid is, hoe beter.

Er zijn verschillende manieren om de pagina laadtijd te meten:

  • Time to First Byte (TTFB) – geeft de duur weer die een browser nodig heeft om het eerste stukje informatie te ontvangen
  • Snelheidsindex – geeft aan hoe lang het duurt voordat een website volledig is geladen in een browser
  • Paginagrootte – telt de totale bestandsgrootte die je website gebruikt
  • Het aantal bronnen – het aantal HTTP-verzoeken van je website en de duur die nodig is om te voltooien

Streven naar het laden van je site tussen twee seconden en drie seconden is een goede maatstaf.

Google raadt aan dat het laden van een website op zowel desktop als mobiele apparaten minder dan 3 seconden duurt.

Uit de snelheidsstatistieken van Google blijkt dat op het moment dat het laden van je gemiddelde pagina vijf seconden of langer duurt, de kans op een bounce met meer dan 100% toeneemt.

De reactietijd van de server moet ook minder dan 200 milliseconden zijn. Als de jouwe meer is dan dat, is het verstandig om contact op te nemen met je hostingprovider en te kijken welke opties je hebt om dit te versnellen.

Google heeft ook een ideale paginagrootte, wat betekent dat je inhoud minder dan 500KB ruimte in beslag zou moeten nemen. Anders voeg je extra seconden toe aan je paginasnelheid.

In werkelijkheid voldoen de meeste websites echter niet aan de normen van Google.

In het onderzoek van Google was de gemiddelde paginasnelheid 4,7 seconden op desktop apparaten en 11,4 seconden op mobiele sites.

De gemiddelde grootte van een website was maar liefst 1.969MB voor desktop en 1.770MB voor mobiel – dit is aanzienlijk meer dan de ideale 500KB.

Hoewel het lijkt alsof de normen van Google veel te hoog zijn, hoe dichter je bij de industrienormen komt, hoe beter je website zal worden ontvangen door zowel de zoekmachine als de gebruikers.

Tools om de snelheid van je website te controleren

Internet staat vol met online tools die je kunt gebruiken om je paginasnelheid bij te houden.

Google PageSpeed ​​Insights is een van de beste tools voor website optimalisatie.

Deze tool, aangedreven door Google, is gratis te gebruiken en genereert binnen enkele seconden een gedetailleerd rapport van de snelheid van je site.

Het enige dat je hoeft te doen, is de URL van je website invoeren en de tool voert een snelheidstest uit om de algehele snelheidsprestaties van je website te evalueren.

Google PageSpeed ​​Insights biedt ook aanbevelingen om de laadtijd van je pagina te verbeteren.

PageSpeed Insights, een hulpmiddel om de website snelheid te controleren

Test My Site is een ander uitstekend testplatform voor website snelheid waarmee je de laadtijd van je algehele website kunt verbeteren, evenals van afzonderlijke webpagina’s.

Deze tool gaat nog een stap verder door je de laadtijd van je pagina te laten vergelijken met die van andere websites. Wie houdt er niet van snelheidsstatistieken?

Als je je website met anderen kunt vergelijken, zul je de conversieratio’s kunnen voorspellen zodra de snelheid toeneemt.

Test My Site, een tool om de snelheid van websites te testen

Als alternatief zou je Pingdom kunnen gebruiken – nog een geweldige gratis snelheidstest. Het berekent de totale paginagrootte, HTTP-verzoeken en laadtijd.

Net zoals bij Google PageSpeed ​​Insights, geeft Pingdom ook suggesties om de prestaties van je webpagina te verbeteren.

Pingdom website

Hoewel deze tools nuttige inzichten bieden in de prestaties van je website, zijn ze bedoeld als leidraad om een ​​website te versnellen, het zijn geen vaste statistieken.

Je zult de beste resultaten krijgen door systematisch verschillende snelheids optimalisatietechnieken te testen en door de impact die deze hebben op je algehele snelheidsstatistieken bij te houden.

Geschreven door

Auteur avatar

Patty

Patty heeft veel kennis over website bouwers, en is een professional in e-commerce. Met haar kennis over e-commerce en digitale marketing heeft ze al veel bedrijven geholpen om online succesvol te worden. Wanneer Patty niet bezig is met haar werk houdt ze ervan om te dansen en om een goed boek te lezen.

Praat mee

je e-mailadres zal niet gepubliceerd worden. Alle velden zijn verplicht.