웹 로딩: 원인 전에 측정값부터 명시하기

핵심 요약

로딩 시간은 하나의 고유 지표가 아닙니다. 첫 바이트, 큰 콘텐츠 표시, 상호작용 응답과 시각적 이동은 서로 다릅니다.

자료와 지도가 있는 빈 정보 기록실
이 글의 목차

로딩 시간은 하나의 고유 지표가 아닙니다. 첫 바이트, 큰 콘텐츠 표시, 상호작용 응답과 시각적 이동은 서로 다릅니다.

지표 혼동 피하기

TTFB는 서버 실행 시간만이 아닙니다. LCP는 모든 콘텐츠의 로드 완료가 아닙니다. INP는 상호작용을 다루며 CLS는 이동 점수이지 시간이 아니고 초기 로드에만 한정되지 않습니다.

비교 가능한 범위에서 조사하기

같은 페이지, 기기, 조건과 기간을 비교한 후 네트워크, 리소스, 렌더링과 상호작용을 검토합니다. 이탈과의 상관관계가 원인을 입증하지는 않습니다. 특정 지연으로 보편적인 이탈 비율을 단정할 수 없습니다.

다른 지표를 서로 바꾸지 않기
측정값설명하는 것설명하지 않는 것
TTFB첫 바이트까지 시간서버 실행만은 아님
LCP가장 큰 적격 콘텐츠 표시모든 콘텐츠 로드 완료는 아님
INP상호작용 지연초기 네트워크 지연은 아님
CLS예기치 않은 레이아웃 이동로딩 시간이 아님

출처와 검증

로딩 지연 시간과 상호 작용 지연 시간을 구분합니다.

페이지는 빠르게 로드되지만 클릭에 대한 응답이 느릴 수 있습니다. LCP와 INP는 서로 다른 시점을 나타내며, 각 진단에는 대표적인 추적 데이터와 작업이 필요합니다.

  • 실제 방문에서 보고된 느린 작업을 선택합니다.
  • 해당 상호 작용 중 차단 작업을 찾습니다.
  • 응답 및 작업 완료를 다시 테스트합니다.

1차 자료: web.dev — Getting started with measuring Web Vitals. 관련 방법: 실무 가이드 읽기.

평균과 백분위수

평균은 산포와 느린 사례를 숨길 수 있습니다.

  • 같은 단위, 기간과 정의를 사용합니다. 성공과 오류를 나누고 제외 조건을 기록합니다. 그룹이 겹치면 안 됩니다. 중복 집계는 결과를 바꿉니다.
  • 합계와 관측 수를 유지합니다. 각 평균에 관측 수를 곱해 합한 뒤 총수로 나눕니다. 빈 그룹은 데이터를 추가하지 않으며 비어 있지 않은 그룹의 평균을 모르면 계산할 수 없습니다.
  • 전체 p95를 얻기 위해 그룹 p95를 평균 내지 않습니다. 관측 또는 호환 히스토그램을 합친 후 추정하고 방법과 정밀도 한계를 명시합니다. 느린 그룹과 구성 변화를 검사합니다.

평균에서 p95를 계산할 수 있나요?

아니요. 평균과 관측 수는 분포를 재구성하지 못합니다.

1차 자료: Prometheus — Histograms and summaries. 관련 방법: 실무 가이드 읽기.