Volledige kwaliteitscheck van haarvisie.nl (los van de beveiliging, die deed ik apart). Gemeten met Google Lighthouse — de standaard die ook Google zelf gebruikt — apart voor mobiel en desktop. Hieronder de cijfers, wat sterk is, en de concrete verbeterpunten op prioriteit.

De cijfers (0–100, hoger = beter)

Laadtijd-details: mobiel laadt het hoofdbeeld in 2,9s (prima), desktop in 1,5s (snel). Geen "verspringende" pagina (layout-shift bijna 0 — top).

Conclusie in 1 zin

De site is snel en technisch netjes gebouwd (snelheid 93/94, best practices 100/100). De échte winst zit in toegankelijkheid (de zwakste plek) en een paar SEO-techniek- en snelheid-punten.

⚡ Snelheid — al sterk, maar nog wat te halen

De scores zijn goed. Wat nog beter kan (vooral op mobiel):
- Verouderde JavaScript wordt ook aan moderne browsers geserveerd → onnodig zware bestanden. Kan kleiner.
- Render-blokkerende bestanden (mobiel) — CSS/JS die het tonen vertraagt → uitstellen/samenvoegen.
- Afbeeldingen efficiënter afleveren (moderne formaten zoals WebP + betere compressie) en afbeeldingen buiten beeld pas later laden (lazy load).
- Zware pagina-opbouw (veel HTML-elementen — typisch voor Avada) → waar mogelijk versimpelen.

Goed nieuws: WP-Rocket (cache-plugin) draait al — daarom is de snelheid zo netjes.

📱 Mobiel vs 💻 Desktop

• Desktop is razendsnel (hoofdbeeld in 1,5s).
• Mobiel is ook goed (2,9s), maar de pagina is pas na ~8s volledig "klaar voor gebruik" (TTI). Dat komt door de zware JavaScript/opbouw. De snelheidspunten hierboven helpen vooral mobiel — en 82% van je bezoekers is mobiel, dus daar ligt de meeste winst.
• Toegankelijkheid scoort op mobiel iets lager (76 vs 82) — o.a. door te kleine/dicht-op-elkaar tikdoelen (knoppen).

♿ Toegankelijkheid — hier valt het meeste te winnen

Dit bepaalt of iedereen (ook mensen met een beperking) de site goed kan gebruiken — en Google weegt het mee. Punten die nu zakken:
- Te weinig kleurcontrast tussen tekst en achtergrond op sommige plekken → moeilijk leesbaar.
- Afbeeldingen zonder alt-tekst (telt óók voor SEO!) → beschrijvende alt-teksten toevoegen.
- Kopstructuur niet logisch oplopend (H1 → H2 → H3 springt) → opschonen (sluit aan op de eerder gevonden "dubbele H1").
- Links zonder duidelijke naam (bijv. icoon-links zonder label) → een leesbare naam geven.
- Links alleen herkenbaar aan kleur → ook onderstrepen, zodat ze opvallen.
- Tikdoelen te klein/te dicht op elkaar (mobiel) → knoppen iets groter / meer ruimte.
- Verborgen elementen die tóch focusbaar zijn (aria-hidden) → netjes afschermen.

🔍 SEO-techniek (aanvulling op de eerdere SEO-audit)

• Afbeeldingen missen alt-teksten (zelfde punt als hierboven — twee vliegen in één klap).
• Sommige links zijn niet "crawlbaar" (geen echte link maar bijv. een JavaScript-klik) → Google kan ze niet volgen. Echte <a href>-links gebruiken.

🎯 Prioriteitslijst voor de beheerder

1. Alt-teksten op alle afbeeldingen (helpt toegankelijkheid ÉN SEO). 🟠
2. Kleurcontrast verbeteren op de zwakke plekken. 🟠
3. Kopstructuur opschonen (logisch H1→H2→H3, één H1). 🟠
4. Afbeeldingen: WebP + compressie + lazy load (vooral mobiel). 🟡
5. Verouderde JavaScript / render-blocking opschonen (mobiele snelheid). 🟡
6. Links: duidelijke namen + echt-crawlbaar + niet alleen op kleur. 🟡
7. Tikdoelen (knoppen) op mobiel iets groter. 🟡

Gemeten op 23-06-2026 met Google Lighthouse (mobiel + desktop), volledig read-only — er is niets aan haarvisie.nl gewijzigd. Snelheid en best practices zijn sterk; toegankelijkheid + een paar SEO/snelheid-punten zijn de grootste kansen. Dit vult de eerdere inhoudelijke SEO-audit en de beveiligingsaudit aan.