I. 배포 사이트

II. 로딩 최적화

1. 로딩 성능 분석

1-1. 성능 분석 도구: WebPageTest

1-2. 테스트 결과: LCP 3.214s

Untitled

1-3. 테스트 결과 분석: 왜 LCP 3.214s 인가?

Untitled

  1. fonts.googleapi.com 로부터 css 다운로드를 완료한 후 render가 시작된다: Start Render 3.200s
  2. main.bundle.js 의 크기가 커서 다운로드에 속도가 오래 걸린다. (parsed: 671Kb, gzip: 179.9Kb)

1-4. 성능 개선 목표: LCP 개선