Test Lighthouse
Een testmethode om de kwaliteit van webpagina's te verbeteren is Lighthouse. Het is een geautomatiseerde open-source tool om audits uit te voeren op de snelheid, toegankelijkheid, beste aanpak en SEO.
Google Lighthouse
Lighthouse analyseert webapps en webpagina's en verzamelt moderne prestatiecijfers en inzichten in de best practices van ontwikkelaars.
Lighthouse analyseert
- Performance
Hoe snel laadt uw website of app? Hoe snel kunnen gebruikers de inhoud openen of bekijken? - Accessibility
Hoe goed is uw website geoptimaliseerd voor mensen met een handicap? Bevatten de belangrijke elementen zoals knoppen, hyperlinks en plaatjes extra informatie die beschikbaar zijn voor hulpmiddelen zoals schermlezers? - Best Practices
Houdt uw website rekening met veiligheidsaspecten van websites en moderne standaarden? Gebruikt u veilige JavaScript-bibliotheken? - SEO
Hoe goed kan uw website of app door zoekmachines worden geïndexeerd?
Lighthouse score
- 0 - 49 (rood): Slecht
- 50 tot 89 (oranje): Verbetering nodig
- 90 tot 100 (groen): Goed
Google Chrome webbrowser
De tool is standaard aanwezig in de Google Chrome webbrowser. Ga naar de website of pagina die u wilt testen en start Lighthouse:
- Klik met de rechermuisknop ergens op de pagina, selecteer in het menu "Inspecteren" (of "Inspect"), kies het tabje "Lighthouse"
- Of druk op Command+Option+C (Mac) of Control+Shift+C (Windows, Linux, Chrome OS)
Kies vervolgens wat u wilt testen en klik op de knop "Genereer Rapport" ("Generate Report").
Voor een goed test resultaat
- Voer de analyse uit met een goede verbinding
- Doe de test in de "incognito modus" (ook wel privacy modus genoemd). Eventuele browser extensies zitten de test dan niet in de weg
Gebruik de resultaten en tips van Lighthouse om uw eigen site te verbeteren.
Variabele resultaten
De resultaten van de Lighthouse analyse kunnen variëren door:
- de internetverbinding (bijv wijzigingen in de routering van internetverkeer)
- advertenties die op uw website worden getoond
- A/B-tests waarbij dezelfde pagina aan verschillende gebruikers anders wordt getoond om te testen welke pagina het best werkt
- Testen op verschillende apparaten. Een desktop computer met snelle CPU scoort vaak beter dan een laptop met lage prestaties
- Browseruitbreidingen ("extensies")
- Antivirussoftware
De beste website
- Performance: 100%
- Accessibility: 100%
- Best Practices: 100%
- SEO: 100%
