Chrome의 Lighthouse 도구와 WebPageTest는 "TTI (Time-to-Interactive)"메트릭을 제공합니다.
Google은 TTI에 대한 최소한의 정의를 제공 합니다 .
Time to Interactive는 레이아웃이 안정화되고 주요 웹 폰트가 표시되며 사용자 입력을 처리 할 수있을만큼 메인 스레드를 사용할 수있는 지점으로 정의됩니다.
이 측정 항목은 초기 단계에 있으며 변경 될 수 있습니다.
WebPageTest 는이를 "첫 번째 상호 작용 시간"과 "일관된 상호 작용 시간"으로 나눕니다 .
일관된 대화식 계산 시간
- 콘텐츠가있는 첫 번째 페인트 또는로드 된 DOM 콘텐츠 중 큰 부분에서 TTI 찾기 시작
- 진행중인 요청이 2 개 이하인 대화 형 창에 완전히 포함 된 5 초의 연속 기간이있는 첫 번째 대화 형 창을 찾습니다.
- TTI는 2 단계의 대화 형 창 시작 또는 검색 시작 지점 중 나중 시점입니다.
첫 번째 대화식 계산
- 콘텐츠가있는 첫 번째 페인트 또는로드 된 DOM 콘텐츠 중 큰 부분에서 TTI 찾기 시작
- 진행중인 요청의 수에 관계없이 대화 형 창에 완전히 포함 된 5 초의 연속 기간이있는 첫 번째 대화 형 창을 찾습니다.
- TTI는 2 단계의 대화 형 창의 시작 또는 검색 시작 지점 중 나중 시점입니다.
WebPageTest의 두 가지 다른 TTI 메트릭 클라이언트 측을 계산하여 API로 다시 보내고 싶습니다 ( RUM 목적으로).
현재 JavaScript API로 이러한 계산이 가능합니까? 그렇다면 어떻게?
최신 정보:
GoogleChromeLabs는 TTI 측정 항목에 대한 polyfill을 제공합니다 .
브라우저는 결국 내장 API를 통해 측정 항목을 노출합니다.
참고 :이 스 니펫은 브라우저가 Performance Observer 사양의 레벨 2를 구현하고
buffered
플래그를 포함 할 때까지 임시 해결 방법 입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다