Verbeter de laadtijd van je website met Google PageSpeed Insights

Wat hebben je websitebezoekers en Google met elkaar gemeen? Beiden hechten enorm veel waarde aan de laadtijd van je website. Logisch, want de snelheid van de website bepaalt grotendeels de gebruikerservaring. Een goede gebruikerservaring is voor Google immers de belangrijkste rankingfactor! De paginasnelheid draagt daar zeker aan bij.

Hoe zit het met de laadtijden van jouw website? Ontdek hoe je met de Google PageSpeed Insights test niet alleen de conditie van je website meet, maar ook hoe je de snelheid van je website kunt verbeteren.

Online hebben we de aandachtsspanne van een goudvis. Daarom is het belangrijk om de bezoeker van je pagina zo snel mogelijk te bedienen: geef hem waarvoor hij komt, anders is hij weg.

Dat doe je niet alleen met content, want het gaat niet alleen om de inhoud van je site. Om de inhoud überhaupt te kunnen tonen, moet je website in topconditie zijn. Snelle laadtijden, toegankelijkheid en gebruiksvriendelijkheid zijn cruciale zaken voor een goed presterende website. Het zijn de essentiële elementen van zogenaamde Core Web Vitals (CWV) die de gebruiksvriendelijkheid van je site verbeteren.

Om de snelheid van je website te verbeteren, moet je eerst de technische en inhoudelijke conditie van je website weten. Meten is weten, dus na de test kun je gericht de punten aanpakken die voor verbetering vatbaar zijn. Het uiteindelijke doel is natuurlijk om de bezoeker de meest optimale beleving te geven.

• Betere vindbaarheid van de website
  De verbeteringen aan je site dragen ook bij aan een betere online vindbaarheid. Google heeft namelijk hetzelfde doel: de best mogelijke gebruikerservaring geven. Websites die het beste antwoord geven op de zoekopdracht én dat doen met een veilige, makkelijk navigeerbare website met snelle laadtijden hebben dus kans op een hogere ranking.
• Tip: de Google PageSpeed Insights score is niet het doel
  Focus je niet te veel op de score. Een score van 100% te halen is namelijk niet het doel. Het doel is zelfs niet om een zo hoog mogelijke score te halen. Er is geen bezoeker geïnteresseerd in jouw score, maar in een goede paginasnelheid.
• De Google PageSpeed Insights score is een momentopname
  Bovendien geeft een 100% score geen enkele garantie op een websiteranking bovenaan Google. Garanties in SEO bestaan namelijk niet, en de maximale score kun je meer zien als de indicatie voor “de ideale website”. Met de snelheid waarmee de techniek en het internet (en dus óók deze test) veranderen, kun je je dus afvragen of de ideale website wel bestaat.

Kortom, het resultaat van de test is een momentopname. Het is dus goed om de test vaker te doen.

Nu wil je natuurlijk weten hoe je zelf hiermee website kunt verbeteren. Dat is simpel:

1. Ga naar: Google PageSpeed Insights
2. Vul de URL in van de site die je wilt analyseren

Goed om te weten: de test geeft de resultaten van zowel de desktopwebsite als de “mobiele ervaring” van je website. In de tabbladen bovenaan de pagina kun je beide scans bekijken.

TIP: anno 2023 steekt nog steeds niet iedereen dezelfde energie in de mobiele versie van de website. Bij Secure Design trappen we niet in die valkuil. Google hecht grote waarde aan een goede website-ervaring op mobiele apparaten en heeft daar natuurlijk ook ranking factoren aan verbonden.

Bovendien laat jij je klanten natuurlijk ook niet verzuipen op een slechte mobiele website! Elke verbetering aan je mobiele site vergroot de voorsprong op je concurrenten.

Nu je de resultaten voor je neus hebt staan, wil je natuurlijk weten hoe je de score kunt verbeteren. Er wordt op tientallen punten gescand, waarvan er een aantal technisch wat meer de diepte in gaan. Daar helpen wij je graag mee. Andere punten kun je zelf oplossen:

• Geef afbeeldingen het juiste formaat
  Websites hebben veel afbeeldingen en die kosten allemaal tijd om te laden. In de laadtijden van je website kun je dus veel winst behalen door deze afbeeldingen in het juiste formaat te gebruiken. Dat wil zeggen: niet groter dan nodig. Dit betreft zowel megabytes (MB’s) als de afmetingen.Je moet een balans vinden tussen goede kwaliteit en een kleine bestandsgrootte. Streef naar een grootte van maximaal 150 KB voordat je ze in de bibliotheek zet.
• Over de mediabibliotheek gesproken:
  Gebruik de bibliotheek niet als verzamelbak, maar sla alleen afbeeldingen op die je gaat gebruiken. Ook andersom geldt: gebruik alleen afbeeldingen die in de mediabibliotheek staan. WordPress controleert namelijk of het bestandstype wordt ondersteund. Hoewel elk bestandsformaat zijn voor- en nadelen heeft, kun je meestal uitgaan van JPG (JPEG).Snijd de afbeeldingen bij voor het doel waar je ze voor gebruikt. Zo staan ze direct in het perfecte formaat en voorkom je dat WordPress er zijn eigen “standaard” formaat aan geeft.
• Geef afbeeldingen altijd een naam
  Nu je toch bezig bent: Sla je afbeelding altijd op onder een naam die beschrijft wat er op de afbeelding staat. Bijvoorbeeld: “zwart leren dames motorjas” in plaats van “IMG083.jpg”. Doe hetzelfde met de “Alt tag” of “Alt beschrijving”. Dit is belangrijk voor je online vindbaarheid.TIP: de scan geeft regelmatig tips over het installeren van WordPress plugins die een specifiek punt kunnen oplossen. Plugins kunnen helpen, maar ook andere onderdelen weer vertragen. Ons advies is dan ook om met ons te overleggen. We bekijken graag per situatie hoe we het beste resultaat kunnen halen.
• Code van derden heeft invloed op snelle laadtijden
  Code van derden gaat over onderdelen in je website die door externe partijen gemaakt is. Het gaat vaak om extra functies. Soms kun je hier niet omheen omdat je ze echt nodig hebt en WordPress deze zelf niet in de software heeft. Denk aan Google Analytics, YouTube video-insluitingen of socialmediaplugins.Al deze extra tools moeten worden geladen en dat gaat ten koste van de snelheid van je website. Wat jij kunt doen? Kijk kritisch naar wat je écht nodig hebt. Dan kijken wij voor je wat daarvan direct geladen moet worden.

Goed nieuws; je kunt helemaal los, want wij kunnen met alle punten uit de test aan de slag. We adviseren in elk geval om de punten met de grootste impact voor je websitesnelheid op te pakken:

1. Laad geen afbeeldingen die nog niet in beeld zijn
2. Lever afbeeldingen in moderne indelingen
3. Eerste reactietijd van server verkorten
4. Beperk niet-gebruikte JavaScript
5. Beperk niet-gebruikte CSS
6. Verwijder bronnen die de weergave blokkeren
7. Cumulative layout shift (CLS): hoeveel “verspringt” er op de pagina?

Zoals je ziet, valt er “achter de schermen” veel winst te behalen om de laadtijd en snelheid van je zakelijke website te verbeteren. Je bent daardoor steeds beter online vindbaar voor potentiële klanten. En wanneer ze op je website komen, zullen ze bij een fijne ervaring niet snel wegklikken. Bij Secure Design vergeten we daarbij ook mobiele gebruikers niet!

Door de punten uit de test regelmatig aandacht te geven, verbeter je je website en vergroot je je voorsprong op je concurrenten. Bel of mail ons en we helpen je er graag bij!