Communitygithub.com

marthesselink/pagespeed-optimizer

Codex 스킬로 Lighthouse 기반 성능 감사 및 전후 Core Web Vitals 보고서를 제공합니다.

pagespeed-optimizer란 무엇인가요?

이 스킬은 개발자가 Google Lighthouse를 사용하여 웹 페이지의 성능을 감사하고 최적화하는 데 도움을 줍니다. 주로 Core Web Vitals (LCP, FID, CLS)를 중점적으로 분석하며, 최적화 전후의 성능 변화를 비교할 수 있는 보고서를 생성합니다. CLI 기반으로 작동하여 CI/CD 파이프라인에 통합하거나 수동 실행할 수 있으며, Codex 내에서 브라우저 에뮬레이션 및 네트워크 조절을 지원합니다. 성능 저하 요소를 식별하고 구체적인 개선 제안을 제공하여 웹사이트의 사용자 경험과 SEO를 향상시키는 것이 주요 목적입니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add marthesselink/pagespeed-optimizer

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

pagespeed-optimizer은(는) 무엇을 하나요?

Codex 스킬로 Lighthouse 기반 성능 감사 및 전후 Core Web Vitals 보고서를 제공합니다.

설명

이 스킬은 Google Lighthouse를 사용하여 웹 페이지의 성능을 감사하고 최적화합니다. Core Web Vitals (LCP, FID, CLS)를 분석하고 최적화 전후의 성능 변화를 비교하는 보고서를 생성합니다.

기능

  • Lighthouse 감사: 웹 페이지의 성능, 접근성, 모범 사례, SEO 분석
  • Core Web Vitals 보고서: LCP, FID, CLS 측정 및 비교
  • 전후 비교: 최적화 전후의 성능 점수 차이를 시각적으로 표시
  • CLI 통합: CI/CD 파이프라인에서 자동 실행 가능

사용 방법

  1. 스킬을 설치합니다: codex install pagespeed-optimizer
  2. 감사할 URL을 지정합니다: codex pagespeed https://example.com
  3. 결과를 확인하고 최적화 제안을 적용합니다.

요구 사항

  • Node.js 14 이상
  • Google Chrome 또는 Chromium
  • 네트워크 연결

라이선스

MIT

관련 스킬