타이밍 값

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기1분

    • 타이밍 값은 여러 섹션으로 나뉩니다.

    그림 1. 클라이언트 트랜잭션 타이밍
    이 다이어그램의 변수는 다음과 같이 정의됩니다.
    표 1. 타이밍 값
    변수 설명
    start_time 사용자가 페이지를 요청한 날짜와 시간입니다(사용자가 링크를 클릭). 이 값은 이전 페이지의 before unload 이벤트에 연결하여 설정됩니다. WebKit 브라우저는 beforeunload 이벤트를 제대로 지원하지 않으므로 Safari 또는 Chrome에서 클라이언트 타이밍이 지원되지 않습니다.
    load_time 현재 페이지가 브라우저에서 로드되기 시작하는 날짜 및 시간입니다. HTML 본문에서 첫 번째 스크립트로 실행되는 인라인 javascript가 이 값을 설정합니다.
    server_time 트랜잭션을 처리하는 서버에서 소요한 시간(ms)입니다. 서버는 이 값을 클라이언트에 보고합니다.
    load_completion_time 브라우저에서 페이지가 완전히 렌더링된 날짜 및 시간입니다. 이 작업은 페이지의 마지막 스크립트로 수행되며 페이지 로드가 완료된 시간을 식별합니다.
    다음 타이밍은 여러 양식 및 목록의 오른쪽 아래에 보고됩니다.
    표 2. 타이밍 값
    레이블 요소 설명 계산
    응답시간 client_response_time 페이지에서 페이지가 완전히 렌더링되는 시간에서 사용자가 페이지를 요청한 시간을 빼서 페이지를 제공하는 전체 시간입니다. load_completion_time - start_time
    서버 시간 client_server_time 서버가 트랜잭션을 처리하는 데 걸리는 시간입니다. server_time
    네트워크 시간 client_network_time 네트워크가 요청을 처리하는 데 걸리는 시간입니다. 브라우저에서 페이지가 로드되기 시작하는 시간에서 사용자 요청 시간을 뺀 다음 서버 처리 시간을 빼서 계산합니다. load_time - start_time - server_time
    브라우저 시간 browser_time 페이지가 브라우저에서 로드를 시작하는 시간에서 페이지가 완전히 렌더링되는 시간을 빼서 브라우저에서 페이지를 전달하는 데 걸리는 시간입니다. load_completion_time - load_time