Een trage website voelt als trage service
Bezoekers beoordelen je bedrijf op de eerste seconden. Een pagina die langzaam laadt, verspringt of niet reageert op een tik, wekt twijfel voordat je een woord hebt kunnen uitleggen. Op mobiel merk je dat het sterkst, want daar zijn processor en verbinding vaak beperkter dan op je eigen laptop.
Google meet gebruikerservaring ook en gebruikt het als een van de signalen voor je positie in de zoekresultaten. Dat signaal weegt lichter dan goede inhoud. Snelheid maakt een slechte pagina dus niet beter, maar een trage site kan wel verhinderen dat een goede pagina zijn werk doet.
Zo meet je het zelf
Je hebt hiervoor geen techniek nodig, wel twee gratis tools van Google.
PageSpeed Insights. Vul het adres van een pagina in en kies de mobiele weergave. Bovenaan staan, als ze beschikbaar zijn, gegevens van echte bezoekers. Daaronder staat een test die de pagina nabootst. Geef de eerste het meeste gewicht: die laat zien wat bezoekers werkelijk meemaken.
Search Console. Het rapport over Core Web Vitals toont welke pagina's van je site goed, matig of slecht scoren, gegroepeerd per type pagina.
Test niet alleen je homepage. Meet ook een categoriepagina, een productpagina en het afrekenen. Bij een webshop zit het probleem vaak daar, waar de klant bijna koopt.
Dit maakt een website meestal traag
De oorzaken komen steeds terug:
Te zware afbeeldingen. Foto's van enkele megabytes die op een telefoon worden getoond. Dit raakt de LCP het vaakst.
Te veel scripts en apps. Elke plug-in, chatwidget en trackingcode voegt code toe die de pagina moet verwerken. Dit raakt de INP.
Zware lettertypen. Veel gewichten en stijlen, of lettertypen die van een externe server komen. Zelf hosten is sneller en voorkomt dat bezoekersgegevens naar derden gaan.
Een trage server of een zwaar thema. Als de pagina pas laat begint te laden, kun je daarna niet meer winnen.
Elementen zonder vaste afmetingen. Een afbeelding of banner die later binnenkomt, duwt de tekst weg. Dit raakt de CLS, en het is meestal een kleine fout in de opmaak.
Begin bij wat het meeste oplevert
Een volgorde die in de praktijk werkt:
Meet eerst de belangrijkste pagina's op mobiel en noteer de drie waarden. Zonder beginmeting weet je later niet of het beter is geworden.
Kijk welk element de LCP bepaalt, meestal de grote afbeelding bovenaan. Maak die kleiner en geef hem de juiste afmetingen.
Haal weg wat je niet gebruikt: oude apps, dubbele trackers, widgets die niemand bekijkt. Elke bezoeker betaalt daarvoor met laadtijd.
Zet vaste afmetingen bij afbeeldingen, video's en banners, zodat de pagina niet verspringt.
Kijk daarna pas naar hosting en het thema. Dat is meer werk, en vaak is het eerder genoemde al genoeg.
Meet na elke stap opnieuw. Dan zie je wat werkt.
Hoe wij ernaar kijken
Bij Augeo Studio gaat elke oplevering langs een vaste controlelijst voor tekst, toegankelijkheid en snelheid, en we meten op mobiel. Na de lancering blijven we meten en verbeteren, zodat de site snel blijft als er iets bijkomt. Alles wat we maken is van jou.
Benieuwd hoe snel jouw website nu is? Vraag een websitescan aan
Door
Niels van den Enden