performance-profiling
Performance profiling principles. Measurement, analysis, and optimization techniques.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Performance profiling principles. Measurement, analysis, and optimization techniques.
How to use
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.