Gids 04 · 8 minuten
Hoe maak ik mijn website sneller?
Het korte antwoord
Je maakt je website sneller door minder mee te sturen: foto's verkleinen die rechtstreeks uit de camera komen, lettertypen op je eigen domein zetten en scripts van derden weghalen die je niet meer gebruikt. Een duurder hostingpakket helpt bijna nooit. Pak je die drie aan, dan staat je pagina meestal binnen een seconde.
Bijna elke trage website die ik openmaak is traag om dezelfde drie redenen, en de server is er geen van. Het probleem zit in wat er allemaal wordt meegestuurd voordat er één letter op het scherm staat.
Daardoor kun je het grootste deel van de winst halen zonder iets opnieuw te bouwen, als je weet waar je moet kijken.
De drie cijfers waar Google op let
Google noemt ze de Core Web Vitals. Ze worden gemeten bij echte bezoekers in Chrome, over de laatste 28 dagen, en dus buiten een testomgeving. Je haalt de norm als 75% van de bezoeken eronder blijft.
- LCP: het grootste ding op het scherm
- onder 2,5 seconde
- Hoe lang het duurt tot het belangrijkste beeld of de belangrijkste kop er staat. In de praktijk is de boosdoener bijna altijd een te zware foto.
- INP: reageert de pagina op je tik
- onder 200 milliseconden
- De tijd tussen jouw tik en het moment dat er iets gebeurt. Die loopt op als er te veel scripts tegelijk bezig zijn.
- CLS: springt de pagina onder je vinger weg
- onder 0,1
- Hoeveel de inhoud verschuift tijdens het laden. Dat komt door foto's zonder opgegeven afmeting en door banners die er achteraf tussen worden geschoven.
Waar het gewicht zit, op volgorde van opbrengst
Begin bovenaan. Op de meeste sites leveren de eerste twee punten samen meer op dan de rest bij elkaar.
01
Foto's rechtstreeks uit de camera
Een telefoonfoto is tegenwoordig drie tot zes megabyte, terwijl je er op je site een paar honderd kilobyte van nodig hebt. Vijf van zulke foto's op je homepage betekent twintig megabyte die je bezoeker over 4G moet binnenhalen, en daar gaan seconden in zitten.
02
Lettertypen die ergens anders vandaan komen
Een lettertype dat via een link bij Google wordt opgehaald, kost een extra verbinding met een andere server voordat er tekst verschijnt. Zet het bestand op je eigen domein en dat wachten verdwijnt. Je bent dan ook meteen een privacyvraag kwijt.
03
Scripts van derden
Denk aan statistieken, een chatvenster, een cookiebanner, een reviewwidget, een kaartje of een deelknop. Elk stuk haalt zijn eigen bestanden op bij zijn eigen server, en hoe snel die reageert heb jij niet in de hand. Meestal zit hier het grootste onzichtbare gewicht van een site.
04
Een paginabouwer die alles meestuurt
Veel paginabouwers laden de opmaak van alle mogelijke onderdelen mee, ook van onderdelen die je niet gebruikt. Op elke pagina wacht je bezoeker dan op code voor functies die er niet eens op staan.
05
Video die vanzelf begint
Een achtergrondvideo is al snel tien megabyte en begint te laden voordat de tekst er staat. Een stilstaand beeld met een afspeelknop ziet er bijna hetzelfde uit en weegt een fractie.
Waarom het uitmaakt, en hoeveel
De cijfers die het vaakst worden aangehaald komen uit onderzoek van Google en van webwinkels: rond de 7% minder conversie per extra seconde, en op mobiel meer. Neem dat met een korrel zout. Het gaat om webwinkels met duizenden bezoekers per dag, en jouw situatie is anders.
Wat wel altijd opgaat, is dat de eerste seconden het zwaarst tellen. Tussen één en drie seconden loopt het aantal mensen dat wegklikt hard op, daarna vlakt het af omdat de ongeduldigen al weg zijn. Het verschil tussen 0,8 en 1,2 seconde merkt bijna niemand. Tussen 1,5 en 4 seconden verlies je een flink deel van je bezoekers.
Daarnaast speelt indruk een rol. Een site die meteen staat, lijkt van een bedrijf dat zijn zaken op orde heeft. Bij een laadbalkje denkt een bezoeker eerder dat hij nog een keer moet bellen, en dat oordeel valt binnen een paar seconden.
Zelf meten, in tien minuten
- 01
Draai PageSpeed Insights op je eigen adres
Het meetprogramma van Google zelf, gratis en zonder account. Kijk eerst naar het blok bovenaan met veldgegevens, want dat zijn echte bezoekers. Het cijfer daaronder komt uit een test op een nagebootste telefoon en zegt minder.
- 02
Kijk welk element het LCP is
De uitslag noemt het bij naam. Meestal is het één foto, en als je die lichter maakt, ben je vaak al klaar.
- 03
Tel de verzoeken naar andere domeinen
Open de ontwikkelaarsweergave van je browser, ga naar het tabblad Netwerk en herlaad de pagina. Op alles wat van een ander domein komt heb je geen invloed. Vraag je bij elk onderdeel af of het er nog moet staan.
- 04
Test op je telefoon, buiten de wifi
Zet wifi uit en 4G aan, en open je eigen site alsof je een klant bent. Zo bekijken je bezoekers hem ook, en toch doet bijna niemand deze test.
Let op
Wanneer opknappen zonde van je geld is
Een site die in een zware paginabouwer is gemaakt, heeft een plafond. Je kunt foto's verkleinen en een paar scripts weghalen en nog steeds op twee tot drie seconden blijven steken, omdat de bouwer zelf het gewicht is.
Doorgaan met optimaliseren is dan duurder dan opnieuw beginnen, en dat zeg ik dan ook eerlijk. Met een meting vooraf zie je welke van de twee het geval is. Die doe ik voordat ik een prijs noem.
Zelf doen
Wat je vandaag zelf kunt afwerken
Vink af wat je hebt gedaan. Er wordt niets bewaard, bij een volgend bezoek staat de lijst weer leeg. Dat is een keuze: iets opslaan in je browser om een vinkje te onthouden staat slecht op een site die uitlegt waarom je zo weinig mogelijk van je bezoekers wilt weten.
0 / 6
Of je laat het doen
Website laten maken in Capelle aan den IJssel
Wil je weten wat op jouw site het zwaarst weegt en of opknappen of opnieuw bouwen voordeliger is, dan zoek ik dat uit voordat ik een prijs noem.
doorlooptijd 2 tot 5 weken · vaste prijs vooraf
Vragen
Wat mensen hier nog over vragen
Staat je vraag er niet bij? Mail me, dan schrijf ik hem erbij. Binnen één werkdag antwoord. Meestal dezelfde dag.
Volgens de norm van Google staat het grootste element binnen 2,5 seconde, gemeten bij echte bezoekers. Zelf mik ik op minder dan een seconde, omdat je dan niet meer het gevoel hebt dat je wacht. Boven de drie seconden verlies je een flink deel van je mobiele bezoekers voordat ze iets hebben gezien.
Zelden. Op de sites die ik onderzoek zit het gewicht bijna altijd in de pagina zelf: te zware foto's, lettertypen van een ander domein en scripts van derden. Met een duurder hostingpakket stuur je dezelfde vier megabyte, alleen iets eerder.
Core Web Vitals zijn drie cijfers waarmee Google de ervaring van echte bezoekers meet. LCP gaat over of het grootste element binnen 2,5 seconde staat, INP over of de pagina binnen 200 milliseconden op een tik reageert, en CLS over of de inhoud tijdens het laden niet meer dan 0,1 verspringt. Google meet ze in Chrome over de laatste 28 dagen, en je haalt de norm als 75% van de bezoeken eronder blijft.
Een beetje. Snelheid is een van de factoren, maar weegt vooral mee als twee pagina's inhoudelijk gelijkwaardig zijn. Het grotere effect zit bij je bezoekers: wie niet wegklikt, leest wat je te bieden hebt.
Waar dit op gebaseerd is
Volgende stap
Zullen we eens kijken waar bij jou de uren weglekken?
Een gesprek van drie kwartier, bij jou op locatie. Je krijgt sowieso een lijstje mee met wat ik zou aanpakken, of je nu met mij verder gaat of niet.
Binnen één werkdag antwoord. Meestal dezelfde dag. · Je spreekt Kaz, niet een callcenter.