Lighthouse via CLI en programmatisch gebruiken
Leer Lighthouse-audits vanaf de opdrachtregel uit te voeren en de API ervan in aangepaste scripts en applicaties te integreren.
Lighthouse via CLI en programmatisch gebruiken is een gratis Webprestatieoptimalisatie en Lighthouse-les op CoddyKit. Dit is les 1 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Webprestatieoptimalisatie en Lighthouse. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Webprestatieoptimalisatie en Lighthouse bevat in totaal 4 lessen.
Voorbij de browser
U hebt Lighthouse waarschijnlijk al gebruikt in de DevTools van uw browser. Maar wat als u audits automatisch wilt uitvoeren of in uw workflow wilt integreren?
In deze les leert u hoe u Lighthouse vanaf de opdrachtregel (CLI) gebruikt voor snelle controles en programmatisch via de Node.js API voor geavanceerde automatisering.
Automatiseren en integreren
Lighthouse uitvoeren via de CLI of programmatisch biedt krachtige mogelijkheden:
- Automatisering: Plan regelmatig audits zonder handmatige tussenkomst.
- CI/CD-integratie: Detecteer prestatieverslechteringen vroeg in uw ontwikkelingspijplijn.
- Aangepaste rapporten: Genereer rapporten die zijn afgestemd op uw specifieke behoeften.
- Testen op grote schaal: Controleer efficiënt veel pagina's binnen een website.
Lighthouse CLI installeren
Als u Lighthouse vanaf de opdrachtregel wilt gebruiken, moet Node.js op uw systeem zijn geïnstalleerd. Zodra Node.js klaar is voor gebruik, kunt u de Lighthouse CLI globaal installeren met npm:
npm install -g lighthouse
Met deze opdracht wordt de opdracht lighthouse rechtstreeks beschikbaar in uw terminal, zodat u vanuit elke map audits kunt uitvoeren.
Een eenvoudige CLI-audit uitvoeren
Met de Lighthouse CLI geïnstalleerd is het uitvoeren van een audit eenvoudig. Geef gewoon de URL op die u wilt testen. Standaard wordt een samenvatting naar de console uitgevoerd en wordt er een HTML-rapport gegenereerd.
lighthouse https://www.example.com
Hiermee wordt een headless Chrome-instantie gestart, wordt de audit uitgevoerd en wordt vervolgens een HTML-rapportbestand gegenereerd in uw huidige map, met een naam die is afgeleid van de URL.
Uw uitvoer kiezen
De Lighthouse CLI kan rapporten in verschillende indelingen genereren. U kunt het uitvoertype en het pad opgeven met flags:
--output html: Genereert een gebruiksvriendelijk HTML-rapport (standaard).--output json: Levert onbewerkte auditgegevens in JSON-indeling voor verwerking.--output csv: Exporteert een samenvatting van belangrijke metingen als CSV-bestand.
Probeer een audit uit te voeren en de uitvoer als JSON op te slaan:
lighthouse https://www.example.com --output json --output-path ./report.json
Uw audit aanpassen
U kunt uw audits verfijnen met verschillende opties om uiteenlopende gebruikersomstandigheden te simuleren of u op specifieke aspecten te richten:
--throttling-preset: Simuleert verschillende netwerk- en CPU-omstandigheden (bijvoorbeeldmobile,desktop).--only-categories: Richt de audit op specifieke categorieën (bijvoorbeeldperformance,accessibility).
Voorbeeld: alleen de prestaties van een desktopgebruiker controleren:
lighthouse https://www.example.com --throttling-preset desktop --only-categories performance
Lighthouse als API
Voor diepgaandere integratie en meer controle biedt Lighthouse een Node.js API. Hiermee kunt u Lighthouse rechtstreeks in uw JavaScript-applicaties opnemen, zodat u volledige controle krijgt over het auditproces en toegang hebt tot de onbewerkte resultaten.
Hiervoor wordt doorgaans Puppeteer gebruikt, een Node-bibliotheek waarmee u programmatisch een headless Chrome-browserinstantie voor de audit kunt besturen.
Een programmatische audit uitvoeren
Laten we een eenvoudig Node.js-script maken om een Lighthouse-audit uit te voeren. Zorg eerst dat u lighthouse en chrome-launcher in uw project hebt geïnstalleerd:
npm install lighthouse chrome-launcher
Maak vervolgens een .js-bestand (bijvoorbeeld audit.js) met de volgende code:
const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');
async function runLighthouseAudit(url) {
// Launch a headless Chrome instance
const chrome = await chromeLauncher.launch({
chromeFlags: ['--headless']
});
// Configure Lighthouse options
const options = {
logLevel: 'info',
output: 'json',
port: chrome.port // Connect to the launched Chrome instance
};
// Run Lighthouse audit
const runnerResult = await lighthouse(url, options);
console.log('Audit complete for %s', runnerResult.lhr.finalUrl);
console.log('Performance score: %s', runnerResult.lhr.categories.performance.score * 100);
// Kill the Chrome instance
await chrome.kill();
}
// Call the function with a URL to audit
runLighthouseAudit('https://www.example.com');Auditgegevens extraheren
Het object runnerResult bevat veel gegevens over de audit (lhr staat voor Lighthouse Result). U kunt programmatisch scores, specifieke auditdetails en meer openen.
Zo extraheert u de Performance-score en de waarde van First Contentful Paint (FCP) uit de resultaten:
const lighthouse = require('lighthouse');
const chromeLauncher = require('chrome-launcher');
async function extractAuditData(url) {
const chrome = await chromeLauncher.launch({
chromeFlags: ['--headless']
});
const options = {
port: chrome.port
};
const runnerResult = await lighthouse(url, options);
// Access the overall performance score
const performanceScore = runnerResult.lhr.categories.performance.score * 100;
// Access a specific audit result by its ID (e.g., First Contentful Paint)
const fcpAudit = runnerResult.lhr.audits['first-contentful-paint'];
console.log(`Performance Score: ${performanceScore}%`);
console.log(`First Contentful Paint: ${fcpAudit.displayValue}`);
await chrome.kill();
}
extractAuditData('https://www.example.com');Wanneer gebruikt u wat?
U hebt geleerd over zowel de CLI als programmatische Lighthouse. Welke van de volgende situaties zijn geschikt om Lighthouse programmatisch te gebruiken (via de Node.js API)?
Samenvatting: de kracht van CLI en API
Goed gedaan! U hebt de kracht van Lighthouse buiten de browser verkend.
- De Lighthouse CLI is ideaal voor snelle audits op aanvraag en het eenvoudig genereren van rapporten rechtstreeks vanuit uw terminal.
- De Lighthouse Node.js API biedt uitgebreide integratiemogelijkheden, waardoor automatisering en aangepaste rapportage mogelijk worden en prestatiecontroles kunnen worden opgenomen in complexe applicaties en workflows.
Deze hulpmiddelen zijn essentieel om webprestaties op grote schaal te behouden en te verbeteren en om audits in uw ontwikkelingsproces te integreren.
Leer Webprestatieoptimalisatie en Lighthouse met een AI-tutor — gratis
Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.
- Cursussen
- 12
- Lessen
- 48
Veelgestelde vragen
Is de les “Lighthouse via CLI en programmatisch gebruiken” gratis?
Ja — de volledige tekst van “Lighthouse via CLI en programmatisch gebruiken” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus Webprestatieoptimalisatie en Lighthouse wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus Webprestatieoptimalisatie en Lighthouse bevat in totaal 4 lessen.
Wat leer ik in “Lighthouse via CLI en programmatisch gebruiken”?
Leer Lighthouse-audits vanaf de opdrachtregel uit te voeren en de API ervan in aangepaste scripts en applicaties te integreren. Je oefent met Webprestatieoptimalisatie en Lighthouse door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.
Heb ik ervaring nodig om met Webprestatieoptimalisatie en Lighthouse te beginnen?
Ervaring vooraf is niet nodig. Webprestatieoptimalisatie en Lighthouse op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 1 van 4.
Hoe lang duurt de les “Lighthouse via CLI en programmatisch gebruiken”?
De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.
Kan ik code schrijven en uitvoeren in deze les over Webprestatieoptimalisatie en Lighthouse?
Ja. Elke les over Webprestatieoptimalisatie en Lighthouse bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.
Alle lessen in deze cursus
- Lighthouse via CLI en programmatisch gebruiken
- Aangepaste audits en assertions
- Lighthouse integreren in CI/CD
- Performancebudgets met Lighthouse