[Week 1] Lighthouse 측정 및 Baseline 리포트 생성

[bigmooon]

📋 작업 설명

현재 프로젝트의 Lighthouse 점수를 측정하여 개선 전 기준선(Baseline) 데이터 확보

🎯 체크리스트

Lighthouse 측정

• 프로덕션 빌드 생성

  npm run build

• 로컬 서버에서 측정

  lighthouse http://localhost:3000 \
    --output=json \
    --output=html \
    --output-path=./reports/baseline/lighthouse-baseline

• 배포된 사이트 측정 (https://shift2me.com)

  lighthouse https://shift2me.com \
    --output=json \
    --output=html \
    --output-path=./reports/baseline/lighthouse-production

주요 페이지별 측정

• 메인 페이지 (/)
• 랜딩 페이지 (/landing)
• 호스트 정보 입력 (/host/info)
• 게스트 시작 (/guest/:tid)
• 결과 대시보드 (/result/dashboard)

데이터 기록

• 각 페이지별 Lighthouse 점수 스프레드시트 작성
  • Performance 점수
  • PWA 점수
  • SEO 점수
  • Accessibility 점수
  • Best Practices 점수
• Core Web Vitals 기록
  • LCP (Largest Contentful Paint)
  • FID (First Input Delay)
  • CLS (Cumulative Layout Shift)
  • FCP (First Contentful Paint)
  • TTI (Time to Interactive)

리포트 저장

• reports/baseline/ 폴더 생성
• HTML 리포트 저장
• JSON 데이터 저장
• 스크린샷 캡처

📊 완료 기준

• 주요 5개 페이지 Lighthouse 측정 완료
• 모든 카테고리 점수 기록
• Core Web Vitals 데이터 확보
• 리포트 파일 저장 완료

📈 예상 결과

메인 페이지 예상 점수:

• Performance: 60-70
• PWA: 0-30
• SEO: 60-70
• Accessibility: 85-90

⏱ 예상 시간

2-3시간

🏷 Labels

priority: critical category: performance size: S week-1

📝 참고 자료

• 03-performance-measurement.md