Toolverse
All skills

perf-lighthouse

by tech-leads-club

Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Frontend
Views
55

About this skill

Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse score, performance audit, performance budget.

How to use

  1. Zainstaluj Lighthouse globalnie za pomocą npm: npm install -g lighthouse. 2. Uruchom podstawowy audyt swojej strony poleceniem lighthouse https://example.com – otrzymasz raport HTML z wynikami dla dostępności, SEO, wydajności i innych kategorii. 3. Aby przyspieszyć audyt i skupić się tylko na wydajności, użyj flagi --preset=perf oraz --form-factor=mobile dla emulacji urządzenia mobilnego. 4. Jeśli chcesz wyeksportować wyniki do formatu JSON do dalszej analizy, dodaj flagi --output=json --output-path=./report.json. 5. Utwórz plik budget.json z limitami dla rozmiaru zasobów (skrypty, obrazy, arkusze stylów), liczby zasobów trzecich oraz czasów ładowania (First Contentful Paint, Largest Contentful Paint, Interactive). 6. Uruchom audyt z budżetem wydajności poleceniem lighthouse https://example.com --budget-path=./budget.json – narzędzie poinformuje Cię, czy Twoja strona przekracza ustalone limity.

Related skills