vercel-performance-tuning
Optimize Vercel API performance with caching, batching, and connection pooling.\nUse when experiencing slow API responses, implementing caching strategies,\nor optimizing request throughput for Vercel integrations.\nTrigger with phrases like \
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Optimize Vercel API performance with caching, batching, and connection pooling.\nUse when experiencing slow API responses, implementing caching strategies,\nor optimizing request throughput for Vercel integrations.\nTrigger with phrases like \
How to use
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.