FCP (First Contentful Paint)

• 웹 페이지에서 첫 번째로 콘텐츠가 화면에 표시된 시점

  • 텍스트, 이미지, 캔버스 요소 등 화면에서 렌더링 가능한 요소

• 사용자에게 "페이지가 로드되기 시작했다"는 피드백을 주는 지표로 활용

  빠른 FCP는 사용자가 페이지를 인식하는 속도를 개선한다

TTI (Time to Interactive)

• 웹 페이지가 완전히 상호작용 가능한 상태가 된 시점

  • 사용자가 클릭, 스크롤, 입력 등의 작업을 수행할 때 지연 없이 응답할 수 있는 상태

• 페이지가 로드된 후 사용자가 페이지를 원활히 사용할 수 있는 시간을 측정한다

  낮은 TTI는 페이지 사용성(UX)을 개선하는 데 중요함