Een trage site kost je bezoekers vóórdat ze gezien hebben wat je verkoopt. Niet omdat mensen ongeduldig zijn, maar omdat er altijd een ander tabblad is. En sinds Google snelheid meeweegt, kost het je twee keer: eerst bezoekers, dan posities.
Wat "traag" eigenlijk betekent
Google meet drie dingen, de Core Web Vitals:
- LCP — hoe lang het duurt voordat het grootste ding op je scherm er staat. Meestal je kop of je hoofdfoto.
- INP — hoe snel de pagina reageert als je iets aanraakt.
- CLS — of de pagina onder je vinger verspringt terwijl hij laadt. Dat is de reden dat je op de verkeerde knop drukt.
Je kunt ze zelf meten: open je site in Chrome, F12, tabblad Lighthouse, mobiel. Duurt een minuut en kost niets.
Waarom sites traag zijn
Bijna nooit door de foto's alleen. Meestal door lagen die niemand meer opmerkt:
- Een thema dat alles kan. Je gebruikt een tiende, je bezoeker laadt het geheel.
- Plug-ins die elkaar bijhouden. Een formulier-plug-in, een cache-plug-in om dat te compenseren, en een plug-in die de cache-plug-in beheert.
- Trackers. Elke pixel is een extra verbinding met een server die niet van jou is, vaak vóórdat je eigen tekst zichtbaar is.
- Lettertypen. Vier gewichten van twee families, allemaal geladen voordat er ook maar één woord op het scherm staat.
- Sliders en video's boven de vouw. Het zwaarste element krijgt de eerste plaats in de rij.
Wat er bij mij anders is
Elke pagina van deze site is vooraf gebouwd tot gewone HTML. Het JavaScript van het framework wordt na de build weer weggehaald; wat overblijft is één klein scriptje voor de bewegingen. Er zijn geen trackers, dus ook geen cookiebanner.
Het resultaat is meetbaar, en je hoeft mij niet te geloven: draai Lighthouse op deze pagina. Dat is ook precies waarom ik het zo bouw — een studio die snelheid verkoopt, moet het zelf laten zien.
Wat je vandaag kunt doen zonder nieuwe site
- Foto's verkleinen. Een foto van 4000 pixels breed in een vakje van 800 is 25 keer te veel data.
- Trackers tellen. Hoeveel heb je er, en wat doe je met de data? Als het antwoord "niets" is, haal ze weg.
- Plug-ins wegstrepen. Alles wat je vorig jaar installeerde en nooit opende.
- De video boven de vouw vervangen door een afbeelding met een afspeelknop.
Dat zijn de goedkope meters. Als de site daarna nog traag is, zit het probleem in het fundament, en dan is verbouwen goedkoper dan blijven pleisteren.
Hoe ik bouw staat op de pagina over websites. En als je je afvraagt waarom je site niet in Google staat: dat is een ander onderzoekje.