Request response trace

문제가 보이면 요청의 길을 따라가며 좁힌다

웹 페이지가 느리거나 열리지 않을 때는 화면만 보지 말고 주소 해석, 요청, 응답, 렌더링 순서로 확인하면 원인을 빠르게 나눌 수 있습니다.

1
URL 확인 프로토콜, 도메인, 경로가 원하는 자원을 가리키는지 봅니다.
2
연결 확인 DNS, HTTPS, 네트워크 연결이 요청 전 단계에서 막히는지 확인합니다.
3
HTTP 요청 메서드, 헤더, 캐시 조건이 서버가 기대한 형태인지 봅니다.
4
서버 응답 상태 코드와 응답 크기를 확인해 실패와 지연을 구분합니다.
5
브라우저 렌더링 HTML, CSS, JavaScript 해석 중 화면 표시가 늦어지는지 봅니다.

개발자 도구에서 먼저 보는 값

Status 200, 301, 404, 500으로 실패 위치를 가늠합니다.
Size 응답이 과도하게 큰지, 압축이 적용됐는지 확인합니다.
Time 연결, 대기, 다운로드 중 어디서 시간이 쓰였는지 봅니다.

초보자가 자주 놓치는 구분

  • 주소가 틀린 문제와 서버가 응답하지 않는 문제는 해결 방법이 다릅니다.
  • HTML이 도착했어도 CSS나 JavaScript가 늦으면 화면은 여전히 불완전합니다.
  • 캐시된 응답 때문에 수정 사항이 바로 보이지 않을 수 있습니다.

학습 루틴: 오류를 만나면 먼저 요청이 갔는지, 응답이 왔는지, 브라우저가 해석했는지를 나누어 기록합니다.