Je winkelwagen is leeg
Producten die je toevoegt, verschijnen hier.
Lighthouse is een geautomatiseerde, open-source tool van Google die de kwaliteit van webpagina's meet. Het controleert vijf categorieën: Performance, Accessibility, Best Practices, SEO en Progressive Web App (PWA) criteria. Elke categorie krijgt een score van 0 tot 100.
Je kunt Lighthouse op verschillende manieren gebruiken. De eenvoudigste is via Google PageSpeed Insights op pagespeed.web.dev. Je kunt ook Chrome DevTools gebruiken door F12 te openen en naar het Lighthouse-tabblad te gaan. Voor ontwikkelaars is er ook een command-line versie via npm (npm install -g lighthouse).
De scores worden als volgt geïnterpreteerd: 90-100 is goed (groen), 50-89 is gemiddeld (oranje), en 0-49 is slecht (rood). Lighthouse geeft niet alleen scores, maar ook concrete aanbevelingen om problemen op te lossen. Denk aan het comprimeren van afbeeldingen, verwijderen van ongebruikte JavaScript, of toevoegen van alt-teksten.
Belangrijk om te weten: Lighthouse-scores zijn zogenaamde lab data. Dit zijn gesimuleerde tests onder gecontroleerde omstandigheden. Google gebruikt voor rankings niet deze lab data, maar field data uit het Chrome User Experience Report (CrUX). Toch zijn Lighthouse-audits waardevol om verbeterpunten te identificeren.
Je kunt Lighthouse op verschillende manieren gebruiken. De eenvoudigste is via Google PageSpeed Insights op pagespeed.web.dev. Je kunt ook Chrome DevTools gebruiken door F12 te openen en naar het Lighthouse-tabblad te gaan. Voor ontwikkelaars is er ook een command-line versie via npm (npm install -g lighthouse).
De scores worden als volgt geïnterpreteerd: 90-100 is goed (groen), 50-89 is gemiddeld (oranje), en 0-49 is slecht (rood). Lighthouse geeft niet alleen scores, maar ook concrete aanbevelingen om problemen op te lossen. Denk aan het comprimeren van afbeeldingen, verwijderen van ongebruikte JavaScript, of toevoegen van alt-teksten.
Belangrijk om te weten: Lighthouse-scores zijn zogenaamde lab data. Dit zijn gesimuleerde tests onder gecontroleerde omstandigheden. Google gebruikt voor rankings niet deze lab data, maar field data uit het Chrome User Experience Report (CrUX). Toch zijn Lighthouse-audits waardevol om verbeterpunten te identificeren.
Geschiedenis
Lighthouse werd in 2016 ontwikkeld door het Google Chrome team als open-source project. Het doel was om webontwikkelaars een gestandaardiseerde manier te bieden om de kwaliteit van hun webpagina's te meten.
Belangrijke mijlpalen:
- 2016: Eerste release als open-source project op GitHub
- 2017: Geïntegreerd in Chrome DevTools (Chrome 60)
- 2020: Core Web Vitals geïntroduceerd met LCP, FID en CLS
- 2023: Lighthouse versie 10 uitgebracht met verbeterde PWA-audits
- 2024: INP (Interaction to Next Paint) vervangt FID als Core Web Vital
Bronnen
Online bronnen:
- Google Chrome Developers - Introduction to Lighthouse
- GitHub - GoogleChrome/lighthouse Repository
- Google - PageSpeed Insights
- web.dev - Learn Performance
- Wikipedia - Lighthouse (software)
Boeken:
- Souders, S. (2007) - High Performance Web Sites: Essential Knowledge for Front-End Engineers. O'Reilly Media. ISBN: 978-0596529307