performance 중 회색바..!
250
작성한 질문수 36
뒤로 이어지는 회색바는 articles의 콜백을 의미한다고 얘기해주셨는데 앞에있는 회색바는 어떤의미로 보면 될까요?
articles를 다운받기 시작하고 종료하는 시점은 네모박스부분인것 같은데 앞에 있는데 회색바는 굳이 표시해야하는 이유가 있을까요
답변 1
1
안녕하세요 juuu o님,
네트워크 타이밍에 대해서 질문을 주셨는데요,
퍼포먼스 패널에서 나타나는 왼쪽 회색 선은 요청을 보내기 직전까지의 준비 시간을 의미합니다.
네트워크 패널에서 조금 더 자세히 볼 수 있는데요,
아래 이미지는 특정 리소스에 대한 네트워크 타이밍 내용입니다.
보시면, Request sent를 하기 전에 Queueing과 Stalled 라는 타이밍이 있는 것을 알 수 있는데, 해당 시간이 회색 선으로 나타납니다.
쉽게 얘기해서, 네트워크 요청을 보내기 위한 준비 시간이라고 볼 수 있습니다.
답변이 도움되었기를 바라며, 강의에 관심을 가져주셔서 감사합니다. :)
bundle analyzer 에 대한 질문이 있습니다.
0
118
2
Cannot find module serve 에러
1
126
1
성능 탭에서 소요시간이 안보입니다
0
230
2
이미지 CDN 만드는 방법
0
474
1
Performance FPS 탭이 안보여요.
1
819
1
CPU throttling이 뭔가요?
0
1127
1
default export가 아닌 named export일 때 lazy사용법
1
1079
1
lazy적용하였는데 네트워크탭에 분리하여 보이지 않습니다
1
593
1
network 캐싱에 대해서 질문 있습니다!
1
430
1
vue project에서 chrome performance tab 확인하기
1
462
1
node version으로 인한 오류
4
1240
1
강의 자막
1
961
2
번들파일과 병목현상 질문
2
402
1
webpack-bundle-analyzer 질문
1
790
1
이미지 프리로딩 질문
1
389
1
이미지 최적화 활용
1
589
1
강력 새로고침
1
331
1
Suspense 관련해서 질문드립니다
2
365
1
config-overrides cant resolve path
1
369
1
이미지 preload 컴포넌트 preload 차이 질문드립니다.
1
617
1
custom react 환경에서 node_modules chunk 분리
1
384
1
removeSpeical 함수를 줄여야겠다고 하는 이유!
1
291
1
Factory pattern에 대해서 궁금한 점이 있습니다
2
377
2
텍스트 압축 방식에 대해 질문이 있습니다
2
959
1