04. problem solving
Google Lighthouse
Google Lighthouse
"Google Lighthouse is een open-source tool waarmee de snelheid, prestaties en algehele kwaliteit van een website kan geoptimaliseerd worden. Het genereren van Lighthouse-rapporten maakt het gemakkelijker om uw webpagina's te verbeteren. Er zijn diverse manieren om van deze tool gebruik te maken, waaronder:
de Chrome-ontwikkelaarstools
een Chrome-extensie
een node module
via de web interface (UI)
Wanneer u een URL naar deze geautomatiseerde tool verzendt, voert deze meerdere audits op de pagina uit en levert een gedetailleerd rapport over de prestaties ervan. U kunt de aanbevelingen uit deze resultaten benutten om de kwaliteit van uw website te verhogen. Belangrijk om te onthouden, Lighthouse is niet exclusief voor ontwikkelaars; het is bedoeld voor elke eigenaar van een website die inzicht wil verwerven in de prestaties van hun site en concrete maatregelen wil nemen om deze te optimaliseren."
hoe pagina's beoordelen
De voornaamste focus van Lighthouse-audits ligt op Google's Core Web Vitals. Als deze term nieuw voor u is, Core Web Vitals zijn cruciale statistieken die Google hanteert om de snelheid van webpagina's en de algehele gebruikerservaring (UX) te meten. Ze omvatten Largest Contentful Paint (LCP), First Input Delay (FID), en Cumulative Layout Shift (CLS). In eenvoudiger bewoordingen, met Lighthouse kunt u uw website analyseren op dezelfde wijze als Google dat doet. De waardevolle inzichten die het oplevert, stellen u in staat om uw pagina's te optimaliseren voor verbeterde zichtbaarheid in zoekmachines.
Lighthouse-rapporten worden onderverdeeld in vijf categorieën:
performance (prestatie)
accessibility (toegankelijkheid)
SEO
best practices
progressieve web-app
Daarbij hanteert Lighthouse een beoordelingssysteem dat varieert van 1 tot 100 en test het de prestaties op locaties met een gesimuleerde 3G-verbinding. Belangrijk om te benadrukken is dat deze scores in de loop van de tijd kunnen veranderen, omdat Google regelmatig zijn rangschikkingscriteria herziet. Het is daarom verstandig om op de hoogte te blijven van updates van Lighthouse. Bovendien, hoewel Lighthouse enige overeenkomsten heeft met PageSpeed Insights, zijn ze niet identiek. Lighthouse biedt een breder overzicht dan uitsluitend de prestaties van webpagina's, zoals PageSpeed Insights dat doet."
hoe Lighthouse gebruiken
Zoals eerder vermeld, zijn er diverse methoden om Lighthouse toe te passen. Indien u geen extensie wilt installeren of opdrachten wilt invoeren, kunt u opteren voor web.dev of DevTools. Hieronder verschaffen wij gedetailleerde, stapsgewijze instructies voor elk van deze mogelijkheden."
Google Lighthouse met web.dev
Google Lighthouse met Chrome extension
Lighthouse in Chrome DevTools
Lighthouse heeft een eigen paneel in Chrome DevTools. Om een rapport uit te voeren, volg je best onderstaande stappen:
Ga in Google Chrome naar de URL die u wilt controleren. U kunt elke URL op internet controleren.
Open Chrome DevTools
Klik op het tabblad "Lighthouse".
Klik op "Analyze page load". DevTools toont u een lijst met auditcategorieën. Laat ze allemaal ingeschakeld.
Klik op "Run audit". Na 30 tot 60 seconden geeft Lighthouse u een rapport op de pagina.
Last updated
