vercel-performance-tuning
Przyspieszaj wdrożenia Vercel: cache, bundle i cold start w jednym miejscu
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do optymalizacji wydajności projektów Vercel. Zmniejszaj czas ładowania stron poprzez konfigurację cache'u na krawędzi sieci, redukcję rozmiaru bundla i eliminację cold startów funkcji serverless. Pracuje z rzeczywistymi nagłówkami cache'u Vercel, ISR i Edge Functions. Użyj gdy doświadczasz wolnych odpowiedzi API, chcesz poprawiać Core Web Vitals lub optymalizować przepustowość żądań w integracji z Vercel.
Jak używać
Upewnij się, że masz wdrożony projekt na Vercel z dostępnym URL-em oraz dostęp do Vercel Analytics w panelu sterowania. Zainstaluj analizator bundla, np. @next/bundle-analyzer, jeśli go jeszcze nie masz.
Ustal punkt wyjściowy wydajności: uruchom polecenie vercel inspect z URL-em swojej aplikacji, aby sprawdzić rozmiar wdrożenia i liczbę funkcji. Następnie uruchom Lighthouse poprzez CLI, aby pobrać wyniki dla metryk Core Web Vitals (LCP, CLS, performance score).
Włącz Vercel Analytics w panelu sterowania na karcie Analytics, aby śledzić wydajność w czasie rzeczywistym.
Skonfiguruj cache na krawędzi sieci: utwórz funkcję API z odpowiednimi nagłówkami cache'u Vercel (np. Cache-Control, s-maxage) w pliku api/cached-data.ts. Skill pomoże ci wygenerować kod z prawidłową konfiguracją.
Zmniejsz rozmiar bundla: uruchom ANALYZE=true npx next build, aby otworzyć raport analizatora bundla w przeglądarce. Zidentyfikuj duże zależności i rozważ ich usunięcie lub zastąpienie lżejszymi alternatywami.
Wyzwól skill frazami takimi jak "vercel performance", "optimize vercel", "vercel latency", "vercel caching", "vercel slow" lub "vercel cold start", aby otrzymać konkretne rekomendacje dla twojego projektu.