Toolverse
Wszystkie skille

performance

autor: davila7

Zoptymalizuj szybkość strony na podstawie audytów Lighthouse i Core Web Vitals

Instalacja

Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.

Instalacja

O skillu

Skill do głębokich optymalizacji wydajności stron internetowych. Identyfikuje wąskie gardła w kodzie i zasobach, priorytetyzuje ulepszenia według wpływu na Core Web Vitals, a następnie dostarcza konkretne rozwiązania z przykładami kodu. Obejmuje analizę ścieżki krytycznego renderowania, budżety zasobów (strona poniżej 1,5 MB, JavaScript poniżej 300 KB, obrazy poniżej 500 KB) oraz miary przed i po optymalizacji.

Jak używać

  1. Zainstaluj skill performance w swoim środowisku Claude/Copilot, wskazując repozytorium davila7/claude-code-templates.

  2. Wyzwij skill, gdy potrzebujesz optymalizacji wydajności — użyj fraz takich jak "przyspiesz moją stronę", "zoptymalizuj wydajność", "zmniejsz czas ładowania", "napraw powolne ładowanie", "popraw szybkość strony" lub "audit wydajności".

  3. Skill przeanalizuje Twój kod i zasoby, aby znaleźć wąskie gardła wydajności. Skupi się na trzech obszarach: szybkości ładowania, efektywności w runtime oraz optymalizacji zasobów.

  4. Otrzymasz rekomendacje posortowane według wpływu na Core Web Vitals (LCP, FID, CLS). Każda sugestia będzie zawierać konkretny kod — np. preconnect do CDN, preload dla obrazów krytycznych, kompresję Gzip/Brotli, czy konfigurację HTTP/2.

  5. Skill zaproponuje budżety zasobów dla Twojej strony: całkowita waga poniżej 1,5 MB, JavaScript poniżej 300 KB, CSS poniżej 100 KB, obrazy powyżej linii zwijania poniżej 500 KB, czcionki poniżej 100 KB, zasoby trzecich stron poniżej 200 KB.

  6. Na koniec otrzymasz metryki przed i po optymalizacji, aby zmierzyć rzeczywisty postęp w wydajności strony.

Podobne skille