Optimaliseren van je PageSpeed-score

In deze blog neemt Emma jullie mee in het belang van PageSpeed. Een belangrijk onderdeel van een succesvolle migratie en daarom een onderdeel waar continu aan wordt gewerkt binnen ons Syncer Framework.

De snelheid van je website is cruciaal. Bezoekers hebben een korte aandachtsspanne: als je site langer dan drie seconden nodig heeft om te laden, is de kans groot dat ze afhaken. Daarnaast beloont Google snelle websites met een betere ranking. Een snelle website is dus niet alleen goed voor je bezoekers, maar kan ook helpen voor je vindbaarheid.

Toch is het verbeteren van je PageSpeed-score vaak een uitdaging. Gelukkig heb je, naast een geoptimaliseerd thema, ook zelf invloed op de prestaties van je website. In dit artikel lees je hoe je je website sneller maakt en welke verbeteringen het meeste effect hebben.

Belangrijke Disclaimer

Een zo hoog mogelijke PageSpeed-score is mooi, maar niet altijd haalbaar. Soms moet je een afweging maken tussen functionaliteit en snelheid. Bovendien kan een site met een lage score alsnog snel laden. Staar je dus niet blind op een perfecte 100-score; vooral voor webshops is dit vrijwel onmogelijk.

Hoe meet je de snelheid van een website?

Er zijn verschillende tools om de snelheid van je website te meten. De meest gebruikte zijn:

• Google PageSpeed Insights: geeft inzicht in de snelheid en optimalisatie mogelijkheden

• Lighthouse: te vinden via de Chrome Developer Tools. Geeft uitgebreide en realistische metingen

• GTmetrix: biedt diepgaande analyses over laadtijden en verbeterpunten

• WebPageTest: ideaal voor geavanceerde tests, zoals laadtijden per regio

Door regelmatig je snelheid te testen, krijg je inzicht in verbeterpunten en kun je deze optimaliseren. We adviseren hierin ook: test je website meerdere keren bij dezelfde tool. De resultaten kunnen verschillen. Pak hier een gemiddeld uit, niet de slechtste score.

Afbeeldingen optimaliseren voor een snellere website

Afbeeldingen zijn vaak een van de grootste boosdoeners bij een trage website. Vanuit het thema worden afbeeldingen zo optimaal mogelijk ingeladen, maar we hebben niet overal invloed op. Met deze stappen optimaliseer je ze:

• Gebruik het juiste formaat: upload afbeeldingen in de exacte afmetingen waarin ze worden weergegeven

• Comprimeer je afbeeldingen: verwijder overbodige metadata en verklein de bestandsgrootte zonder kwaliteitsverlies. Handige tools hiervoor zijn TinyPNG en CompressJPEG

• Gebruik moderne formaten: formaten zoals WebP of AVIF bieden betere compressie dan traditionele JPG of PNG

Minimaliseer externe scripts voor betere laadtijden

Stel je voor: je gebruikt Trustpilot om reviews te verzamelen, Hotjar om data te verzamelen en een chatwidget. Dit zijn drie externe partijen die elk meerdere bestanden toevoegen aan de website, in de meeste gevallen een script bestand en een voor de styling. Hoe groot en zwaar deze bestanden zijn en hoe erg het de score verlaagt, wisselt per partij. Deze externe scripts kunnen worden toegevoegd via apps, via de thema instelling toevoegt of via Google Tag Manager.

We zien regelmatig webshops die veel externe scripts gebruiken. Wij adviseren altijd: wees kritisch in wat je toevoegt aan je website. Elke toevoeging (zowel app als script) heeft invloed op de hoeveelheid wat moet inladen in de website. Hoe minder, hoe beter. Met behulp van een tool voor het meten van de snelheid kun je inzicht krijgen in welke externe bestanden inladen, en welke de grootste negatieve impact hebben.

Controleer ook of via Google Tag Manager scripts worden toegevoegd aan je website die niet worden gebruikt. Veel mensen weten niet dat oude of ongebruikte scripts via GTM een groot probleem kunnen zijn. Controleer periodiek (bijvoorbeeld elk half jaar) de scripts, wees kritisch en verwijder hetgeen wat geen (of niet genoeg) nut heeft.

Hulp bij optimaliseren van je PageSpeed-score

Wil je weten wat jouw website vertraagt? Soms is de impact van externe scripts of aanpassingen in een thema moeilijk te achterhalen. Een developer kan helpen bij het analyseren en optimaliseren van je site. Benieuwd hoe jij je PageSpeed-score kunt verbeteren? Neem contact met ons op en wij kijken graag met je mee!