IN DEZE HANDLEIDING:
- 1 Website analyseren met Lighthouse Chrome DevTools
- 2 Lighthouse uitvoeren met Chrome-extensie
- 3 Aan de slag met Lighthouse in Chrome DevTools
- 4 Het paneel Audits van Chrome DevTools
- 5 Webbrowser sneller maken bij langzame browser (Chrome)
- 6 Tips WordPress onderhoud website snelheid beveiliging
- 7 Snelheid meten, checken analyseren WordPress websites
- 8 Langzame trage WordPress site oorzaken en oplossingen
- 9 Google Core Web Vitals betekenis voor SEO -LCP FID CLS
Website analyseren met Lighthouse Chrome DevTools
Lighthouse is een open-source, geautomatiseerd hulpmiddel om de kwaliteit van webpagina’s te verbeteren. Je kunt het op elke webpagina uitvoeren, publiek of waarvoor authenticatie nodig is. Het heeft audits voor:
- prestaties
- toegankelijkheid en accessibility
- progressieve webapps
- SEO
Je kunt Lighthouse uitvoeren in Chrome DevToolsof met de Chrome extentie. Dit laatste is het makkelijkst. Leg ik hieronder uit.
Je geeft Lighthouse een URL om te controleren, het voert een reeks controles uit op de pagina, en genereert vervolgens een rapport over hoe goed je pagina het deed. Van daaruit kun je de falende audits gebruiken als indicatoren hoe je de pagina kunt verbeteren. Elke audit heeft een referentie document dat uitlegt waarom de audit belangrijk is, en hoe deze te verhelpen.
Lighthouse uitvoeren met Chrome-extensie
Als je Lighthouse vaak wil gebruiken, kan het handig zijn om de extensie voor Google Chrome te installeren. Op deze manier kunt u gemakkelijk rechtstreeks vanuit uw browserbalk controleren.
Download gratis Lighthouse Chrome-extensie
Na de installatie zou er een Lighthouse-pictogram in de rechterbovenhoek naast de adresbalk moeten staan.
Als je het pictogram niet ziet, moet de extensie nog handmatig worden geactiveerd. Klik hiervoor op het ‘menu’-pictogram (drie puntjes onder elkaar) rechtsboven in Google Chrome.
Ga vervolgens naar ‘Meer hulpprogramma’s’ en vervolgens naar ‘Extensies’. Zoek de Lighthouse-extensie en zet het bolletje aan zodat het blauw wordt. Nu verschijnt het Lighthouse-pictogram rechts van de adresbalk.
Ga naar de pagina die je wilt controleren en klik op het Lighthouse icoon. Nu verschijnt het menu. Onder ‘Opties’ kun je kiezen welke soort rapport je wilt controleren, bijvoorbeeld desktop of mobiel en klik dan op ‘Genereer rapport’.
Tijdens de audit werkt Lighthouse aan de pagina die op dat moment geopend is. Doe in de tussentijd niets, dit kan het genereren van het rapport verstoren. Na ongeveer 20 seconden worden de resultaten in een nieuw venster weergegeven. Je ziet zoiets als dit:
Aan de slag met Lighthouse in Chrome DevTools
In Chrome DevTools. Controleer eenvoudig pagina’s waarvoor authenticatie is vereist, en lees uw rapporten in een gebruiksvriendelijk formaat. Dit is het handigst voor WordPress websites.
Lighthouse uitvoeren in Chrome DevTools
Lighthouse voedt het Audits paneel van Chrome DevTools. Om een rapport uit te voeren:
- Download Google Chrome voor Desktop.
- In Google Chrome, ga naar de URL die u wilt controleren. U kunt elke URL op het web controleren.
- Open Chrome DevTools.
- Klik op het tabblad Audits.
Het paneel Audits van Chrome DevTools
- Links zie je de weergave van de WordPress pagina die wordt geaudit. Rechts is het Audits paneel van Chrome DevTools, dat nu wordt aangestuurd door Lighthouse
- Klik op Een audit uitvoeren. DevTools toont je een lijst van audit categorieën. Laat ze allemaal ingeschakeld.
- Klik op Audit uitvoeren. Na 30 tot 60 seconden geeft Lighthouse je een rapport over de pagina.
Meer handleidingen over analyseren van WordPress en trage websites
Meer handleidingen over analyseren en optimaliseren van WordPress en trage websites:
Webbrowser sneller maken bij langzame browser (Chrome)
Je webbrowser sneller maken is heel handig en noodzakelijk als google chrome browser langzaam of traag is. Lees de tips. IN DEZE HANDLEIDING:1 Webbrowser sneller maken in google chrome browser2 WordPress website voert wijzigingen niet door in browser3 1 Je webbrowser bijwerken naar de laatste versie4 2 Gebruik de taakmanager […]
Tips WordPress onderhoud website snelheid beveiliging
Regelmatig onderhoud verrichten aan je WordPress website is belangrijk. Hiermee zorg je ervoor dat je niet gehackt wordt en je resultaten in Google goed blijven. Zeker als je financieel afhankelijk bent van je website, is goed onderhoud cruciaal. IN DEZE HANDLEIDING:1 WordPress website onderhoud2 Beveiliging WordPress website3 Snelle en optimale […]
Snelheid meten, checken analyseren WordPress websites
Het kan zijn dat je website heel langzaam of traag is. Dan kan het zinvol zijn de snelheid van je WordPress website meten en analyseren. Bekijk de beste tools.
Langzame trage WordPress site oorzaken en oplossingen
Een trage of langzaam ladende WordPress website of blog is uit den boze. Het is vervelend voor je bezoekers en een trage WordPress website of blog is niet goed voor je bezoekersaantallen. Lees wat je kan doen.
Google Core Web Vitals betekenis voor SEO -LCP FID CLS
De nieuwe Google Core Web Vitals is een belangrijke aankondiging van Google hoe ze uw WordPress website meten en met welke indicatoren.