프로젝트 소개 및 분석 환경 설정

프로젝트 목적

'OpenDota 웹사이트 성능 최적화' 프로젝트의 목적은 크롬 개발자 도구를 사용하여 오픈소스 프로젝트의 성능을 분석하고 개선하는 것이다. 우수한 사용자 경험을 제공하는 웹사이트의 기준으로서, 크롬에서 제시하는 성능 평가 지표1에서 90점 이상을 달성하는 것을 목표로 설정했다.

분석 대상

분석 대상은 OpenDota이다. Dota 2의 경기 데이터를 다양한 통계, 분석 보고서, 리더보드 등으로 제공하여 사용자들이 자신의 게임 성과를 확인하고 향상시킬 수 있도록 돕는 오픈소스 프로젝트이다.

OpenDota는 모든 페이지의 평균 성능 점수가 30점대로 낮았다. 이는 사용자 경험과 성능 면에서 개선이 필요한 상황을 의미한다. CLS, FCP, TTI, Speed Index, LCP 등의 모든 성능 지표가 모두 개선이 필요한 상태였기 때문에, 다양한 최적화 기법을 실험해볼 수 있는 이상적인 환경이었다. 따라서 OpenDota를 선정하여 성능 최적화의 효과를 분석하고자 한다.

분석 툴

성능 측정 시 다음 툴들을 사용한다.

• Lighthouse
• 성능 통계
• 성능
• cra-bundle-analyzer

실험환경

성능 체크 환경은 다음과 같이 고정한다.

• Throttling
  Network: fast 3G
  CPU: 4x slowdown
• 뷰포트
  1920x1080

1: https://developer.chrome.com/docs/lighthouse/performance/performance-scoring?utm_source=lighthouse&utm_medium=devtools&hl=ko#color-coding