100/100 op Lighthouse is voor showcases, sites die niets anders doen dan zichzelf bewijzen. 90+ over de vier categorieën heen, dat is wat je als KMO realistisch nastreeft. Het levert je een snelle, vindbare, toegankelijke en correct gebouwde site op, zonder dat je weken kwijt bent aan optimaliseren voor de laatste tien punten. Hieronder de pragmatische checklist die wij gebruiken.

Hoe Lighthouse werkt (kort)

Lighthouse is een gratis tool van Google, ingebouwd in Chrome DevTools. Hij scoort je site op vier categorieën: Performance, Accessibility, Best Practices en SEO. Elke categorie krijgt een score van 0 tot 100, gebaseerd op een reeks audits.

Twee dingen om vooraf te begrijpen:

  1. Mobiel scoort altijd lager dan desktop. Google meet mobiel met een ge-throttlede CPU en netwerkverbinding. Een mobiele 75 kan even goed zijn als een desktop 95.
  2. Lab-data is geen field-data. Lighthouse simuleert één bezoek op één toestel. Wat je echte gebruikers ervaren, zie je in PageSpeed Insights of in Search Console.

Streef dus naar 90+ op mobiel. Dan zit je sowieso goed op desktop.

Performance: de vijf grootste hefbomen

Performance is de moeilijkste categorie om hoog te scoren en degene met het meeste rendement. Vijf acties die het meeste verschil maken:

  • ✓ Comprimeer afbeeldingen en serveer ze in WebP of AVIF. Eén ongecomprimeerde hero kan je score 15-20 punten kosten.
  • ✓ Lazy-load alles wat onder de fold staat. loading="lazy" op img-tags is genoeg voor 80% van de gevallen.
  • ✓ Minimaliseer JavaScript. Verwijder onnodige scripts, defer wat kan, en bundel wat blijft.
  • ✓ Voeg caching toe. Browser-caching via correcte HTTP-headers, server-side caching via je CMS.
  • ✓ Kies degelijke hosting. Een TTFB onder 200 ms is je startpunt. Onder 500 ms is acceptabel, daarboven verlies je punten.

Wat je mag negeren: de waarschuwing rond “unused CSS”. Lighthouse markeert die agressief, maar voor de meeste KMO-sites zit je in praktijk al goed en levert het opruimen weinig op.

Diepere uitleg in onze Core Web Vitals-post.

Accessibility: vier acties met grote impact

Accessibility-score halen is verrassend makkelijk omdat veel audits binair zijn. Vier acties die je in een halve dag op 95+ brengen:

  • ✓ Alt-tekst op elke afbeelding. Niet “image123.jpg” maar een korte beschrijving van wat je ziet. Decoratieve afbeeldingen krijgen alt="".
  • ✓ Voldoende kleurcontrast. Tekst tegen achtergrond moet een contrast-ratio van minstens 4,5:1 hebben (WCAG AA). Tools als webaim.org/resources/contrastchecker testen dit per kleurcombinatie.
  • ✓ Semantische HTML. Gebruik <button> voor knoppen, <a> voor links, <h1> t/m <h6> voor koppen in de juiste volgorde. Geen <div>’s die zich als knop vermommen.
  • ✓ Labels op formulier-velden. Elk input-veld krijgt een gekoppelde <label>. Niet alleen een placeholder.

Wat hier ook al overlapt met de European Accessibility Act, die per juni 2025 verplicht is. Lighthouse 90+ op accessibility brengt je een heel eind in de richting van WCAG 2.1 AA-conformiteit.

Best Practices: vooral hygiëne

Deze categorie is gemakkelijk hoog te scoren als je een paar basics op orde hebt:

  • ✓ HTTPS overal. Geen mixed content. Geen http-resources op een https-pagina.
  • ✓ Geen verouderde JavaScript-bibliotheken. jQuery 1.x, oude versies van Bootstrap: vervangen of updaten.
  • ✓ Console zonder errors. Open DevTools → Console en zorg dat er geen rode meldingen staan op productie.
  • ✓ Correcte aspect-ratio op afbeeldingen. Definieer width en height (of CSS-equivalenten) zodat de browser ruimte kan reserveren, wat ook CLS-problemen voorkomt.
  • ✓ Geen verouderde APIs. Lighthouse fluit als je deprecated browser-functies gebruikt, zoals oude DOM-write methodes uit het 2010-tijdperk.

90+ op Best Practices is meestal het makkelijkst te halen van de vier.

SEO: de basics van technische SEO

Lighthouse’s SEO-categorie is geen volledige SEO-audit. Het zijn de technische fundamenten. Vier acties:

  • ✓ Title tag en meta-description op elke pagina. Uniek, beschrijvend, binnen de aanbevolen lengtes (55 en 155 tekens).
  • ✓ Crawlable links. Elke link is een <a> met een href. JavaScript-only navigatie wordt afgestraft.
  • ✓ Robots.txt staat klaar en blokkeert het juiste. Niet je hele site, alleen wat écht niet geïndexeerd hoeft.
  • ✓ Viewport-meta correct ingesteld. <meta name="viewport" content="width=device-width, initial-scale=1">. Vergeet dat niet en je site is meteen niet meer mobile-friendly.

Voor de inhoudelijke kant van SEO (keyword-strategie, content, backlinks) doet Lighthouse niets. Daarvoor heb je andere tools en een andere aanpak.

Hoe je de score interpreteert

Drie tips om de getallen niet te ernstig te nemen:

  1. Test vanaf een schone Chrome-sessie. Browser-extensies (zeker ad-blockers en privacy-tools) beïnvloeden de score. Gebruik incognito of een dedicated test-profiel.
  2. Test 3 keer en neem het gemiddelde. De score schommelt met enkele punten per run, vooral op trage netwerkverbindingen.
  3. Test minstens vijf representatieve pagina’s. Homepage, een dienstenpagina, een blog-post, een contactpagina, een 404. Eén score zegt weinig over de hele site.

Hoe vaak je test

Eén keer per kwartaal is voldoende voor de meeste KMO-sites. Daarnaast na elke ingrijpende wijziging: een nieuwe template, een grote contentmigratie, een nieuwe analytics-tool. Wekelijks testen is voor enterprise-platforms met een dedicated performance-team, niet voor jou.

Volgende stap

Stuur je site door PageSpeed Insights (pagespeed.web.dev) of draai Lighthouse in Chrome DevTools. Krijg je geen 90+ over de vier categorieën heen en weet je niet goed waar te beginnen, dan kijken wij graag eens mee. Bekijk onze aanpak voor webontwikkeling of stuur ons een bericht. Een eerste audit is meestal 1-2 uur werk en geeft je een concrete actielijst.