performance-profiling
Zmierz, przeanalizuj i zoptymalizuj wydajność swojej aplikacji w czterech krokach
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do profilowania wydajności stron i aplikacji. Zawiera praktyczne narzędzia do pomiaru Core Web Vitals, analizy bundli oraz identyfikacji wąskich gardeł w czasie wykonywania kodu. Przeprowadzi Cię przez systematyczny proces: ustanowienie baseline'u, znalezienie problemu, wdrożenie poprawki i weryfikację rezultatów. Obsługuje audyty Lighthouse, analizę rozmiaru bundli, profilowanie pamięci i sieci.
Jak używać
Przygotuj URL strony do analizy. Skill wymaga dostępu do narzędzi Lighthouse, analizatorów bundli i DevTools. Upewnij się, że masz zainstalowany Python do uruchamiania skryptów audytu.
Uruchom automatyczny audyt wydajności poleceniem
python scripts/lighthouse_audit.py https://twoja-strona.com. Skrypt zwróci raport z metrykami Core Web Vitals: LCP (czas załadowania), INP (responsywność) i CLS (stabilność wizualna).Przeanalizuj wyniki, porównując je z benchmarkami: LCP poniżej 2,5s to dobry wynik, INP poniżej 200ms oznacza szybką interakcję, CLS poniżej 0,1 to stabilna strona. Jeśli któraś metryka przekracza progi, przejdź do kroku 4.
Zidentyfikuj źródło problemu, wybierając odpowiednie narzędzie: dla dużych bundli użyj analizatora rozmiaru, dla problemów w czasie wykonywania otwórz DevTools Performance, dla wycieków pamięci sprawdź DevTools Memory. Szukaj długich tasków (powyżej 50ms), duplikatów kodu lub nieużywanego kodu.
Wdroż konkretną poprawkę na podstawie znalezionego problemu: jeśli biblioteka jest za duża, importuj tylko potrzebne moduły; jeśli masz duplikaty zależności, zaktualizuj wersje; jeśli trasa jest w głównym bundlu, zastosuj code splitting; jeśli kod się nie używa, usuń go.
Ponownie uruchom audyt Lighthouse, aby potwierdzić poprawę metryk. Powtarzaj proces dla każdego zidentyfikowanego wąskiego gardła, aż wszystkie Core Web Vitals osiągną docelowe wartości.