Vraag nú je snelheidsoptimalisatie aan voor de zomer!

Auteur: Linda van den Wijngaard-van den Brink

Webfonts optimaliseren in WordPress voor snellere laadtijd

Waarom je lettertypes je website vertragen

Webfonts vertragen je WordPress-website omdat elk lettertype-gewicht een apart bestand is dat de browser moet ophalen voordat hij tekst kan tekenen.

  • Vier gewichten instellen betekent vier extra bestanden en vier extra verzoeken.
  • Zet `font-display: swap` aan zodat bezoekers direct tekst zien in een systeemfont.
  • Host Google Fonts lokaal: dat scheelt 100 tot 300 milliseconden én voorkomt een AVG-probleem.
  • Beperk je tot twee lettertypes met maximaal drie gewichten in totaal.

Render-blocking resources: wat het is en hoe je het oplost

Render-blocking resources zijn CSS- en JavaScript-bestanden die de browser volledig moet downloaden voordat hij iets op het scherm kan tekenen. Zolang ze laden, ziet je bezoeker een lege pagina.

  • Ze zijn de meest voorkomende oorzaak van een slechte LCP-score in PageSpeed Insights.
  • Ze zijn de meest voorkomende oorzaak van een slechte LCP-score.
  • In WP Rocket los je render-blocking resources op met drie instellingen: JavaScript uitgesteld laden, JavaScript uitvoering uitstellen en Gebruikte CSS optimaliseren.
  • Zet ze één voor één aan en test na elke instelling, want deze optimalisaties kunnen je layout breken.
  • Breekt er iets? Sluit dat ene bestand uit in plaats van de hele optimalisatie uit te zetten.

Zo optimaliseer je een WooCommerce-webshop voor snelheid

WooCommerce-websites hebben specifieke snelheidsuitdagingen:

  • Winkelwagen, checkout en Mijn account mogen nooit gecached worden.
  • WooCommerce laadt cart-scripts standaard op elke pagina, ook op pagina’s zonder winkelwagen.
  • Productafbeeldingen zijn bijna altijd te groot en niet geoptimaliseerd.
  • De database groeit snel door bestellingen en sessiedata en moet regelmatig worden opgeschoond.
  • De juiste hosting maakt bij WooCommerce het meeste verschil.

Core Web Vitals uitgelegd voor webdesigners

Core Web Vitals zijn drie meetpunten waarmee Google de gebruikerservaring van een pagina beoordeelt:

  • LCP (Largest Contentful Paint): hoe snel laadt de hoofdcontent? Doel: onder 2,5 seconden.
  • INP (Interaction to Next Paint): hoe snel reageert de pagina op klikken? Doel: onder 200 ms.
  • CLS (Cumulative Layout Shift): verschuift de pagina visueel tijdens het laden? Doel: onder 0,1.

Alle drie wegen mee in de Google-ranking. Je vindt ze in Google Search Console en via PageSpeed Insights.

Afbeeldingen optimaliseren op WordPress zonder kwaliteitsverlies

Optimaliseer afbeeldingen op WordPress in vier stappen:

  1. Installeer een optimalisatieplugin (Imagify, Smush of ShortPixel) en draai de bulkoptimalisatie over bestaande afbeeldingen.
  2. Schakel WebP-conversie in, gemiddeld 25-35% kleiner dan JPEG bij gelijke kwaliteit.
  3. Zet lazy loading aan zodat afbeeldingen pas laden als ze in beeld komen.
  4. Upload afbeeldingen in de maximale weergavebreedte van je site, niet in originele cameraresolutie.

Zo lees je een PageSpeed Insights rapport

Een PageSpeed rapport met twintig aanbevelingen is overweldigend. Dit is hoe je het leest en wat je als eerste aanpakt.

  • De mobiele score is leidend, niet de desktop score. Google kijkt daar het meest naar.
  • Focus op de drie Core Web Vitals: LCP, INP en CLS. Die wegen het zwaarst in de ranking.
  • Kijk bij de aanbevelingen naar “Opportunities” — die hebben de meeste directe impact op je laadtijd.
  • Een score is een momentopname. Test meerdere keren en neem het gemiddelde.

Caching uitgelegd: wanneer het helpt, wanneer het problemen geeft

Caching slaat kant-en-klare versies van pagina’s op zodat WordPress ze niet elke keer opnieuw hoeft op te bouwen. Het werkt het best op statische pagina’s die voor iedereen hetzelfde zijn. Het gaat mis bij dynamische content zoals WooCommerce-winkelwagens, ingelogde gebruikers en formulieren met beveiligingstokens. Voor de meeste sites is WP Rocket de eenvoudigste keuze. Zet paginacache, browser caching, GZIP en lazy loading aan, en test na elke wijziging.

Waarom een trage WordPress website je klanten kost

Een trage WordPress-website kost je op drie manieren:

  • Bezoekers haken af: meer dan 50% van de mobiele gebruikers vertrekt bij een laadtijd van drie seconden of langer.
  • Google rankt je lager: snelheid is een expliciete rankingfactor via Core Web Vitals.
  • Vertrouwen daalt: een trage website voelt nalatig, ongeacht hoe goed de content is.

De meest voorkomende oorzaken zijn te grote afbeeldingen, ontbrekende caching en hosting die niet past bij de website.

Hoe je een nieuwe klant goed onboardt voor website onderhoud.

Een goede onboarding voor een onderhoudsklant bestaat uit vier stappen:

  • Een volledig intake-formulier invullen
  • De toegang testen en documenteren
  • Een nulmeting uitvoeren en afspraken vastleggen over scope
  • communicatie

Doe je dit goed, dan bouw je in de eerste drie maanden het vertrouwen dat de samenwerking jarenlang draaiend houdt.

Hoe je je onderhoudspakketten maakt (en welke drie fouten gemaakt worden)

Een goed onderhoudspakket bevat altijd een vaste kern:

  • Updates
  • Een back-up
  • Een beveiligingsscan
  • Een rapportage

Bouw vanuit die basis drie niveaus: basis, standaard en plus. De drie meest gemaakte fouten zijn te veel in één pakket stoppen, support niet afbakenen en geen jaarlijkse prijsevaluatie inbouwen.