Agent skill · marketing growth · aiskillstore
performance-vitals
Enforce Core Web Vitals optimization. Use when building user-facing features, reviewing performance, or when Lighthouse scores drop. Covers LCP, FID/INP, CLS, and optimization techniques.
Why this skill is useful
Provides specific optimization techniques and code examples for improving Core Web Vitals that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Performance & Core Web Vitals Core Web Vitals 최적화를 강제하는 스킬입니다. 2025 Context 2024년 3월: INP(Interaction to Next Paint)가 FID를 대체 Google Search 랭킹에 Core Web Vitals 영향 Core Web Vitals 목표 지표 Good Needs Improvement Poor ------ ------ ------------------- ------ LCP (Largest Contentful Paint) ≤ 2.5s 2.5s - 4s > 4s INP (Interaction to Next Paint) ≤ 200ms 200ms - 500ms > 500ms CLS (Cumulative Layout Shift) ≤ 0.1 0.1 - 0.25 > 0.25 LCP 최적화 (Largest Contentful Paint) 문제 원인 느린 서버 응답 렌더 차단 리소스 (CSS, JS) 느린 리소스 로딩 클라이언트 사이드 렌더링 해결 방법 1. 이미지 최적화 2. 폰트 최적화 3. Critical CSS 인라인 4. 프리로드 INP 최적화 (Interaction to Next Paint) 문제 원인 긴 JavaScript 태스크 과도한 DOM 크기 비효율적인 이벤트 핸들러 해결 방법 1. 긴 태스크 분할 2. 이벤트 핸들러 최적화 3. Web Worker 활용 CLS 최적화 (Cumulative Layout Shift) 문제 원인 크기 미지정 이미지/비디오 동적 콘텐츠 삽입 웹폰트 FOIT/FOUT 애니메이션 해결 방법 1. 이미지/비디오 크기 지정 2. 동적 콘텐츠 공간 확보 3. 폰트 로딩 4. 애니메이션 측정 도구 Lighthouse CI lighthouse-budget.json web-vitals 라이브러리 빠른 최적화 체크리스트 LCP 개선 [ ] LCP 이미지에 priority 또는 preload [ ] 이미지 포맷 최적화 (WebP/AVIF) [ ] 서버 응답 시간 < 600ms [ ] Critical CSS 인라인 [ ] 렌더 차단 리소스 제거 INP 개선 [ ] Long Task > 50ms 제거 [ ] 이벤트 핸들러 최적화 [ ] 무거운 연산 Web Worker로 이동 [ ] useTransition, useDeferredValue 활용 [ ] Third-party 스크립트 지연 로딩 CLS 개선 [ ] 모든 이미지/비디오 크기 지정 [ ] 동적 콘텐츠 공간 확보 (스켈레톤) [ ] font-display: swap 설정 [ ] transform/opacity만 애니메이션 Workflow 1. 성능 측정 2. 문제 진단 3. 모니터링 References web.dev Core Web Vitals Lighthouse web-vitals library
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/performance-vitals