PageSpeed & Prestaties

PageSpeed meet hoe snel je website laadt voor bezoekers. Google geeft je website een score van 0 tot 100 voor zowel mobiel als desktop. • 90–100: Goed (groen) • 50–89: Matig (oranje) • 0–49: Slecht (rood) Een snellere website betekent: • Betere gebruikerservaring • Hogere posities in Google • Meer conversies en minder bounce Het CMS scant je website via de officiële Google PageSpeed Insights API en toont de resultaten direct in je dashboard.

Zo voer je een scan uit: 1. Ga naar "PageSpeed" in de zijbalk 2. Voeg eerst een URL toe via de knop "Instellingen" rechtsboven 3. Klik op "Scan nu" 4. Wacht 10–30 seconden op de resultaten Het CMS voert automatisch twee scans uit: één voor mobiel en één voor desktop. Na de scan zie je de scores, Core Web Vitals en verbeterpunten.

Core Web Vitals zijn drie meetpunten die Google gebruikt om de gebruikerservaring te beoordelen: • LCP (Largest Contentful Paint) — Hoe snel het grootste element op de pagina zichtbaar is. Goed: < 2,5 seconden. • INP (Interaction to Next Paint) — Hoe snel de pagina reageert op gebruikersinteractie. Goed: < 200 milliseconden. • CLS (Cumulative Layout Shift) — Hoeveel de pagina-indeling verschuift tijdens het laden. Goed: < 0,1. Deze metrieken zijn direct gekoppeld aan je Google-ranking. Het dashboard toont ze met kleurcodes (groen/oranje/rood) zodat je in één oogopslag ziet waar verbetering nodig is.

Na een scan toont het dashboard een lijst met verbeterpunten (opportunities). Elk punt bevat: • Een beschrijving van het probleem • De geschatte impact in seconden • Een prioriteitslabel (hoog/medium/laag) Voorbeelden van veelvoorkomende verbeterpunten: • Afbeeldingen comprimeren of in modern formaat (WebP/AVIF) serveren • Ongebruikte CSS of JavaScript verwijderen • Lettertypen optimaliseren • Server-responstijd verbeteren • Resources lazy-loaden

Je kunt concurrenten toevoegen om je scores te vergelijken: 1. Ga naar "PageSpeed" → "Competitors" 2. Klik op "Competitor toevoegen" 3. Vul de URL van de concurrent in 4. Het CMS scant de concurrent automatisch Je ziet een vergelijkingsgrafiek met scores naast elkaar. Dit helpt je om te zien waar je voorloopt en waar je kunt verbeteren.

Het CMS bewaart de resultaten van elke scan, zodat je trends kunt volgen: • Trendgrafiek: zie hoe je scores veranderen over tijd • Core Web Vitals-trend: volg LCP, INP en CLS per maand • Vergelijk periodes: bekijk of je website sneller of langzamer wordt De grafieken tonen data per dag (laatste 30 dagen) en per maand (oudere data).

Met Speed Budgets stel je drempelwaarden in voor je prestatiemetrieken: 1. Ga naar "PageSpeed" en klik op "Instellingen" rechtsboven 2. Stel je minimale score in (bijv. 80 voor mobiel) 3. Stel limieten in voor LCP, INP en CLS 4. Sla op Als een scan onder je budget valt, krijg je een waarschuwing in het dashboard. Dit helpt je om regressies vroegtijdig op te merken.

Regressie-alerts waarschuwen je automatisch als je website trager wordt: • Het systeem vergelijkt elke nieuwe scan met het voortschrijdend gemiddelde • Als een metriek significant verslechtert, ontvang je een alert • Alerts zijn zichtbaar in het dashboard en optioneel per e-mail Zo stel je e-mail alerts in: 1. Ga naar "PageSpeed" en klik op "Instellingen" rechtsboven 2. Schakel "Melding bij regressie" in 3. Stel de regressiedrempel in (standaard 5 punten) 4. Sla op