·web-performance
</>

web-performance

웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다.

5설치·1트렌드·@1mangesh1

설치

$npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance

web-performance 설치 방법

명령줄에서 web-performance AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/1mangesh1/dev-skills-collection --skill web-performance
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: 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
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-22
업데이트
2026-03-10

Browse more skills from 1mangesh1/dev-skills-collection

빠른 답변

web-performance이란?

웹 및 프런트엔드 성능 최적화. 사용자가 "성능 최적화", "로딩 시간 개선", "지연 로딩", "코드 분할", "번들 크기", "핵심 웹 바이탈", "이미지 최적화", "CSS/JS 축소", "캐싱 전략", "성능 프로파일링"을 요청하거나 웹 성능 및 사용자 경험 측정항목을 언급할 때 사용합니다. 출처: 1mangesh1/dev-skills-collection.

web-performance 설치 방법은?

터미널 또는 명령줄 도구(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

상세

카테고리
</>개발 도구
출처
skills.sh
최초 등록
2026-02-22