인프런 커뮤니티 질문&답변
작성한 질문수
performance 중 회색바..!
작성
·
247
퀴즈
웹 페이지 성능을 종합적으로 측정하고 개선 가이드라인을 제공하는 도구는 무엇일까요?
Chrome Network Tab
Webpack Bundle Analyzer
Chrome Performance Tab
Lighthouse
답변 1
1
유동균
지식공유자
안녕하세요 juuu o님,
네트워크 타이밍에 대해서 질문을 주셨는데요,
퍼포먼스 패널에서 나타나는 왼쪽 회색 선은 요청을 보내기 직전까지의 준비 시간을 의미합니다.
네트워크 패널에서 조금 더 자세히 볼 수 있는데요,
아래 이미지는 특정 리소스에 대한 네트워크 타이밍 내용입니다.
보시면, Request sent를 하기 전에 Queueing과 Stalled 라는 타이밍이 있는 것을 알 수 있는데, 해당 시간이 회색 선으로 나타납니다.
쉽게 얘기해서, 네트워크 요청을 보내기 위한 준비 시간이라고 볼 수 있습니다.
답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. :)
감사합니다!!