Waarom scoor ik laag op PageSpeed en wat er achter die score schuilgaat
Een lage PageSpeed score voelt frustrerend. Je past van alles aan, maar de meter blijft rood of oranje. In deze gids laat ik zien welke problemen we bij onze eigen website theseo.nl tegenkwamen, waarom cookies banners en vertaal plugins je score slopen en hoe je met een paar gerichte plugins en kleine php snippets rust in jouw rapport krijgt zonder het design op te offeren.
Begrijp eerst wat PageSpeed je precies vertelt
Veel mensen staren zich blind op een getal. In werkelijkheid is PageSpeed een samenvatting van meerdere onderdelen. Sommige dingen zijn direct te voelen door bezoekers, andere zijn vooral theoretisch. Je hoeft dus niet per se richting honderd om een snelle en rustige website te hebben, maar een heel lage score wijst wel op echte problemen.
| Onderdeel | Wat het betekent | Waar je op stuurt |
|---|---|---|
| Laadtijd eerste inhoud | Wanneer iemand voor het eerst iets op het scherm ziet | Belangrijk voor de eerste indruk en rust |
| Laadtijd grootste element | Wanneer het hoofdbeeld of de hoofdtekst staat | Afbeeldingen en hero blokken lichter maken |
| Interactiviteit | Hoe snel knoppen reageren als iemand klikt | Scripts uitstellen, zware plugins beperken |
| Layout verschuiving | Of onderdelen verspringen tijdens laden | Vaste hoogtes, geen late banners of fonts |
Test jouw homepagina en minstens één belangrijke landingspagina op mobiel en desktop.
Pagina die ik test Mobiele score Desktop score Belangrijkste waarschuwingen Belangrijkste aanbevelingen Welk onderdeel stoort mij als bezoeker het meest
Zet de basis goed voordat je gaat tweaken
Bij veel klanten met oudere websites zagen we dat kleine optimalisaties weinig deden zolang de basis niet klopte. Oude php versies, rommel in de database en een teveel aan plugins drukken jouw score omlaag nog voordat je naar afbeeldingen of scripts kijkt.
Voortgang basis stap
Een beheerder die specifiek met WordPress werkt scheelt een hoop. Kies een partij met servers dicht bij jouw bezoekers en een cache laag aan de serverkant. Dat geeft een voorsprong nog voordat je aan plugins denkt.
Verwijder oude revisies, verlopen transients en lege tabellen. Dit doe je veilig met een onderhoudsplug in of handmatig nadat je een back up hebt gemaakt. Wij zagen pas echt verschil bij onze klanten toen we de databases van hun opruimde en ze niet langer vol stonden met restjes van oude plugins.
Herken de echte boosdoeners scripts, cookie banners en vertaal plugins
De grootste dalingen bij de PageSpeed score van theseo.nl kwamen niet door het thema, maar door extra scripts. Vooral cookie banners, tracking scripts, chat widgets en (bij andere klanten vertaal plugins) waren zwaarder dan je op het eerste gezicht denkt.
Iedere cookie banner plakt extra javascript en css boven op jouw pagina. Sommige oplossingen laden zelfs externe scripts voordat de rest van de pagina klaar is. Kies een lichte banner, zet animaties uit en laad hem pas nadat de belangrijkste inhoud is getoond. In extreme gevallen kun je beter overstappen op een simpeler systeem dat minder integraties laadt.
Loop de lijst met scripts door en beslis per item of het mag blijven.
Naam script of plugin Doel dat het dient Wordt het nog actief gebruikt ja of nee Is er een lichter alternatief Mag het alleen op een paar pagina’s laden Beslissing verwijderen, beperken of houden
Gebruik een paar gerichte performance plugins en kleine php snippets
Bij theseo.nl hebben we veel getest. De grootste winst kwam uit een combinatie van één goede cache plugin, een afbeelding optimalisatie plugin en een paar kleine php functies via Code Snippets. Niet tien verschillende performance plugins door elkaar maar een rustige set met duidelijke taken.
Gebruik één moderne cache plugin met functies voor paginacache, script optimalisatie en browsercache. Zet eerst alleen basis functies aan. Test daarna rustig extra opties zoals het uitstellen van javascript. Te agressief instellen kan ook fouten geven, vooral bij formulieren en webshops.
Installeer een plugin die nieuwe uploads automatisch verkleint en bij voorkeur omzet naar een moderne bestandsvorm. Combineer dit met lazy load zodat afbeeldingen pas worden geladen wanneer ze in beeld komen.
In plaats van losse functions in een thema te plaatsen hebben wij gekozen voor de Code Snippets plugin. Daarmee kun je veilige php snippets toevoegen zonder in bestanden te rommelen. Denk aan het uitschakelen van emoji scripts, oEmbed functies of query strings op statische bestanden.
Plak dit in een nieuw snippet en activeer het op de hele site. Test daarna jouw PageSpeed rapport opnieuw.
// Emoji script uitschakelen
remove_action('wp_head','print_emoji_detection_script',7);
remove_action('wp_print_styles','print_emoji_styles');
// OEmbed script uitschakelen als je het niet gebruikt
remove_action('wp_head','wp_oembed_add_discovery_links');
remove_action('wp_head','wp_oembed_add_host_js');Maak hero blokken en afbeeldingen lichter zonder dat het lelijk wordt
Onze eigen homepage had in het begin een zware header met veel lagen, schaduwen en grote achtergronden. Dit zag er mooi uit maar drukte de PageSpeed score en vooral de ervaring op mobiel. Door minder effecten en beter geschaalde afbeeldingen te gebruiken bleef de stijl hetzelfde maar voelde alles veel lichter.
PageSpeed kijkt extra streng naar het eerste scherm dat iemand ziet. Grote video’s, sliders met drie lagen tekst en meerdere zware icon sets kosten veel tijd. Vervang dat door één rustige kop, korte tekst en een lichte afbeelding.
Gebruik een ander formaat voor mobiel dan voor desktop wanneer dat nodig is. Zo voorkom je dat er een veel te brede foto voor kleine schermen wordt ingeladen. Dit scheelt meteen in laadtijd en rapport score.
Staat er maar één duidelijke boodschap in het eerste scherm Is de achtergrond een lichte afbeelding in plaats van een zware video Laadt het lettertype snel en zonder sprongetje Zijn knoppen direct klikbaar zonder vertraging Is het eerste scherm op mobiel net zo rustig als op desktop
Hoe wij de PageSpeed van theseo.nl hebben verbeterd
Om het concreet te maken een korte samenvatting van wat we bij onze eigen website hebben gedaan. Niet perfect, wel eerlijk. Dit zijn de stappen die het meeste verschil gaven.
- Te veel scripts en styling in blokken op de homepagina.
- Een cookie banner die pas laat inlazerde en de layout verschoof.
- Afbeeldingen die groter waren dan nodig en niet altijd lazy load gebruikten.
- Meerdere kleine scripts voor tracking en tools naast elkaar.
- Layout versimpeld en bepaalde effecten alleen op desktop gehouden.
- Eén performance plugin gekozen en rustig ingesteld.
- Cookie banner vervangen en zo ingesteld dat hij minder blokkeert.
- Afbeeldingen opnieuw geüpload in lichtere vormen en lazy load geactiveerd.
- Tracking opgeschoond en via één centrale laag laten lopen.
Gebruik deze structuur om jouw aanpak per website vast te leggen.
Belangrijkste pagina’s die ik optimaliseer Belangrijkste problemen uit het PageSpeed rapport Acties voor hosting en basis Acties voor plugins, cookie banner en vertalingen Acties voor afbeeldingen en hero blok Acties voor scripts en tracking Datum waarop ik opnieuw meet Doelscore voor mobiel en desktop
Controleer jouw PageSpeed score en hoe het voelt in de praktijk
Na alle stappen draait het om twee dingen. Een rapport dat niet meer rood knippert en een website die rustig voelt. Je sluit dit traject af met een korte her test en een proef met echte gebruikers of collega’s.
Antwoorden op vragen over een lage PageSpeed score
Nee. Een honderd staat mooi op een screenshot maar is geen doel op zich. Richt je op een stabiele groene of hoge oranje score terwijl de website rustig en bruikbaar blijft. Sommige keuzes zoals een cookie banner of bepaalde statistiek zijn nodig en kosten nu eenmaal iets aan score.
Mobiel testen is strenger. De test gaat uit van een trager apparaat en een minder snelle verbinding. Alles wat zwaar is zoals afbeeldingen, scripts, cookie banners en vertaal lagen wordt dus harder afgestraft. Begin daarom altijd met je mobiele ervaring.
Een goede performance plugin helpt enorm maar kan verkeerde keuzes niet volledig verbergen. Als je twintig zware plugins, drie chat widgets en een te grote hero video hebt blijft het traag. Zie performance plugins als een gereedschap, niet als een wondermiddel.
Een banner voegt altijd iets aan laadtijd toe omdat er extra scripts en stijlen worden geladen. De impact hangt af van hoe zwaar de oplossing is en wanneer deze wordt geladen. Kies een lichte variant en stel hem zo in dat de belangrijkste inhoud eerst komt. Dan blijft de schade beperkt.
Test dan met echte gebruikers. Soms is vooral een formulier, een zoekfunctie of een specifieke pagina traag terwijl het rapport gemiddelde waarden laat zien. Optimaliseer die cruciale momenten en kijk verder dan alleen het rapport.
Je weet nu waarom je laag scoort op PageSpeed en wat je eraan kunt doen
Je hebt gezien dat een lage PageSpeed score bijna nooit door één ding komt. Het is de optelsom van hosting, basisinstellingen, scripts, cookie banners, vertaal plugins, afbeeldingen en keuzes in jouw ontwerp. Door stap voor stap op te ruimen, te testen en opnieuw te meten werk je rustig naar een website die goed voelt voor bezoekers en duidelijkere signalen afgeeft aan zoekmachines en ai systemen.
Pak nu jouw nulmeting erbij, kies één pagina en voer de eerste verbeteringen uit. Daarna ga je pas verder met de volgende lagen. Zo blijf je controle houden en wordt PageSpeed een hulpmiddel in plaats van een bron van stress.