• 빠르게 로딩 되는 경우 좋은 사용자 경험 ( UX ) 제공
• 렌더링 지연시 사용자 이탈률 증가
• 웹 페이지 로딩 시간과 사용자 이탈률 간 관계
  • 1s ⇒ 3s : 페이지 이탈률 32%
  • 1s ⇒ 5s : 페이지 이탈률 90%
  • 1s ⇒ 6s : 페이지 이탈률 106%
  • 1s ⇒ 10s : 페이지 이탈률 123%
• 비즈니스적 성공 사례
  • Vodafone
    • LCP 31% 개선함에 따라 판매량 8% 증가
    • 잠재고객 비율 15% 증가, 장바구니 방문률 11% 증가
  • Tokopedia
    • LCP 55% 감소에 따라 세션 시간 23% 증가

• Google 웹 성능 지표에는 검색엔진 순위가 영향을 미침
• Core Web Vitals에 있는 LCP, CLS등이 영향

• 웹 페이지 로딩이 빠르더라도 단순 콘텐츠 로딩이 아닌, 사용자 경험적인 측면에서 접근
• 로딩 순서, 위에서 아래로, 좌에서 우로 로딩하는것이 경험적에서 좋다

LightHouse를 통해서 성능 측정 및 Core Web vitals 지표 확인하고 개선 가능

LCP, CLS등 정량적 수치 확인 가능

• LCP ( Largest Contentful Paint ) : 핵심 요소의 콘텐츠 로딩 속도
  • 페이지 가장 큰 영역에 이미지, 영상, 텍스트 등의 렌더링 성능 기반 측정
  • 가장 의미있는 요소이기에 로딩시 이탈률 상승, Core Web vital에도 중요한 지표
• CLS ( Cumulative Layout Shift)
  • 웹 페이지가 표시되고 최종적으로 변화되는 정도를 측정한 수치
• INP ( Interaction to Next Paint )
  • 페이지를 방문하는 동안 클릭, 탭, 키보드등 모든 상호작용을 관찰하여 응답성 평가하는 지표

• Google Search Console
  • 검색 엔진 최적화 (SEO)와 성능 모니터링 플랫폼
  • SEO에 대한 분석, 웹 트래픽 모니터링
• Google Page Speed Insights
  • 실제 사이트 데이터 확인할 수 있는 사이트
  • LightHouse와 마찬가지로 LCP, CLS, FID등 출력

• 로컬 개발시 lightHouse 적극 이용 ( public 접근이 안되기 때문 )