Eerst meten, dan pas sleutelen
Bijna iedereen begint met een plugin die belooft alles sneller te maken. Doe dat niet als eerste. Meet eerst waar de tijd blijft, anders optimaliseer je iets dat geen seconde oplevert.
Kijk naar drie dingen. Hoe snel verschijnt het grootste blok op het scherm, hoe snel reageert de pagina op een klik, en verspringt de layout nog terwijl je leest. Dat laatste is geen snelheid maar wordt wel zo ervaren. Google noemt ze de Core Web Vitals (opent in een nieuw tabblad) en hanteert als grens 2,5 seconden, 200 milliseconden en 0,1, gemeten over het gros van je echte bezoekers.
Afbeeldingen zijn bijna altijd de grootste winst
In negen van de tien gevallen die wij zien zit meer dan de helft van het gewicht in afbeeldingen. Vaak zijn het foto's van vierduizend pixels breed die op een plek van zeshonderd pixels worden getoond.
- Sla afbeeldingen op in de afmeting waarin ze getoond worden, en niet groter.
- Gebruik een modern formaat zoals webp. Dat scheelt vaak de helft in bestandsgrootte.
- Geef afbeeldingen een vaste breedte en hoogte mee, dan springt de tekst niet meer op.
- Laad wat onder de vouw staat pas als de bezoeker daarheen scrollt.
Scripts van derden
Elke chatwidget, elke cookiebanner en elke tracker die je toevoegt kost tijd. Niet alleen om te downloaden, ook om uit te voeren. Loop de lijst eens langs en vraag per stuk of iemand er nog naar kijkt. In de praktijk kan er meestal iets af.
Test op een telefoon over mobiel internet en niet op je eigen laptop aan de glasvezel. Dat is het scherm waarop het grootste deel van je bezoek binnenkomt.
Wat de server bijdraagt
Als de eerste byte al traag komt, helpt geen enkele optimalisatie aan de voorkant. Dat is meestal een teken dat je op een overvolle gedeelde omgeving zit, of dat er een database achter zit die geen index heeft op de kolom waarop wordt gezocht.
Twijfel je of het aan je site ligt of aan je hosting, dan is gedeelde hosting of een eigen VPS een goed startpunt.
Snel blijven
Een site die je één keer opschoont is een jaar later weer traag. Er komen plugins bij, iemand plaatst een grote foto, een externe dienst wordt langzamer. Daarom meten wij dit doorlopend bij de sites die wij beheren, zie web ontwikkeling en onderhoud.