web-performance이란?
웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다. 출처: 1mangesh1/dev-skills-collection.
웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다.
명령줄에서 web-performance AI 스킬을 개발 환경에 빠르게 설치
출처: 1mangesh1/dev-skills-collection.
Strategies and techniques for optimizing web application performance and user experience.
| First Contentful Paint (FCP) | < 1.8s | Chrome DevTools | | Largest Contentful Paint (LCP) | < 2.5s | Lighthouse | | Time to Interactive (TTI) | < 3.8s | WebPageTest | | Total Blocking Time (TBT) | < 150ms | Lighthouse |
웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다. 출처: 1mangesh1/dev-skills-collection.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다. 출처: 1mangesh1/dev-skills-collection.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/1mangesh1/dev-skills-collection