Een telefoon heeft een tragere chip en een wisselend netwerk. Te veel JavaScript, te grote beelden en lettertypen die de tekst tegenhouden merk je daar het eerst. Haal die drie weg en de site wordt sneller.
Je bouwer laat de site zien op een MacBook aan de glasvezel. Je klant opent hem in de trein op een telefoon van drie jaar oud. Dat zijn twee verschillende websites.
Een laptop op een snelle verbinding verbergt bijna alles. De processor is snel en de verbinding stabiel. Wat traag laadt, zie je niet.
Op een telefoon gebeurt het omgekeerde. Elke kilobyte JavaScript wordt gedownload, ontleed en uitgevoerd op een tragere chip. Lighthouse rekent voor een mobiele meting met een processor die vier keer trager is. Op de oude site van A'DAM VR reageerde de pagina in die meting 1,1 seconde nergens op.
Te veel JavaScript vooraf. Trackingscripts, chatwidgets, sliders en een framework dat de hele pagina opnieuw opbouwt voordat er iets zichtbaar is. Op een laptop merk je het niet. Op een telefoon staar je naar een leeg vlak.
Beelden op laptopformaat. Een hero van 2400 pixels breed die op een scherm van 390 pixels wordt getoond. Het beeld is zes keer zo breed als nodig. De telefoon downloadt het toch, over een mobiel netwerk.
Lettertypen die alles blokkeren. Vier gewichten van twee fonts, geladen vanaf een externe server, zonder fallback. Tot ze er zijn blijft de tekst onzichtbaar.
Open je site in Chrome, druk op F12, kies het tabblad Performance en zet de CPU-throttling op 4× en het netwerk op 'Slow 4G'. Laad opnieuw. Dat is ongeveer wat je klant ziet. Of simpeler: draai Lighthouse in de mobiele stand en kijk naar First Contentful Paint en Total Blocking Time, niet alleen naar de score.
We meten eerst zoals een telefoon laadt, niet op de laptop van de bouwer. Daarna halen we weg wat niet vooraf hoeft, leveren beelden in het juiste formaat en tonen de tekst al voordat de fonts binnen zijn. Bij A'DAM VR ging de eerste tekst van 7,9 naar 0,9 seconden.
Dat een snellere site automatisch meer oplevert. Dat hangt af van wat er daarna gebeurt op de pagina. Een bezoeker die naar een leeg scherm kijkt, kan weg zijn voordat het geladen is. Hoeveel dat er zijn, meet je na de wijziging.
Doe de gratis check. Drie tot zeven dingen die we zeker weten, binnen een dag.