Toolverse
Wszystkie skille

perf-lighthouse

autor: tech-leads-club

Audytuj wydajność strony za pomocą Lighthouse – lokalnie, z raportami i budżetami wydajności

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

Szybkie info

Kategoria
Frontend
Wyświetlenia
55

O skillu

Uruchamiaj audyty Lighthouse bezpośrednio z wiersza poleceń lub Node API, aby zmierzyć wydajność swojej strony. Analizuj raporty, interpretuj wyniki i ustalaj budżety wydajności dla skryptów, obrazów i czasu ładowania. Idealne do integracji z procesem CI/CD, gdy chcesz śledzić metryki wydajności, zrozumieć wyniki Lighthouse lub upewnić się, że Twoja strona spełnia ustalone standardy. Nie używaj do naprawy konkretnych problemów wydajności – do tego służą inne narzędzia.

Jak używać

  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.

Podobne skille