자바 스크립트의 대역폭 사용량을 계산하는 방법은 무엇입니까?

Question

Chrome의 개발자 도구에서 볼 수있는 일부 자바 스크립트 코드의 대역폭을 계산하고 싶습니다.

스크립트는 외부 JS 파일을 참조하는 한 줄짜리 Javascript 태그를 통해 시작됩니다. 하여 기자 및 크기 열보고에서

:

자바 스크립트 파일 내 서버에있는, 그래서 각각의 호출 내 서버 연결 (없는 경우 기본에서 소비 얼마나 많은 대역폭 계산하려는

Initiator     Size 
------------------------------------------- 
Default.aspx     4.39kb 
Parser      10.54kb 

. aspx 상주).

그래서 내 서버는 4.39kb에서 .JS를 제공합니다 - 또는 요청에 대한 대역폭 소비가 10.54kb입니까?

파서 부분은 무엇을 나타내며 내 서버에서이 요청에 대한 응답을 제공하는 총 대역폭 사용량이 15.47kb라고 말하는 것이 안전합니까?

감사합니다.

Answer 1

열을 잘못 읽었습니다. 표시 자의 두 값은 입니다.은 각 자원의 크기로 표시되는 두 값과 관련이 없습니다.

이니시에이터의 "파서"값은 파서가 <script> 태그를 발견하여로드했음을 의미합니다 (또는 <img> 태그). '스크립트'값은 리소스로드가 필요한 자바 스크립트 (예 : <img/> 또는 AJAX를 사용하여 src으로 설정)를 의미합니다.

"크기"열의 최상위 값은 Chrome에서 "크기"라고하고 두 번째 (작은/회색) 값은 "콘텐츠"입니다. 이 말이 무슨 뜻인지, 나는 해결하려고 노력하고 있습니다.

총 대역폭 사용량이 크기 열의 일부 값의 합계가 될 것이라는 점은 사실이지만 최상위 값인지 아니면 하위 값인지 확실하지 않습니다. 또한 "Initiator"와 완전히 관련이 없습니다.

Answer 2

첫 번째 줄은이 요청이 시작된 파일과 줄 번호를 나타냅니다. 두 번째 줄은 개시 자의 유형을 나타냅니다. 이 요청은 Default.aspx (내가 추측하는 주 문서)를 구문 분석하는 동안 HTML 파서에 의해 시작되었습니다.

열 머리글에서 알 수 있듯이 크기 열의 첫 번째 줄은 크기 (전송 크기)를 나타내고 두 번째 줄은 리소스 크기 (실제 크기)를 나타냅니다. 리소스는 종종 압축 된 형태로 제공됩니다. 여기서는 아마도 응답 크기가 4.39kb이고 압축 해제 후 스크립트 크기는 10.54kb입니다.

요청 크기에 대한 정보는 없지만 요청에 따라 일부 데이터를 업로드하지 않는 한 대개 매우 작습니다.

네트워크 패널 하단에는 총 요청 수와 총 전송 크기가 표시되는 줄이 있습니다. 이는 아마도 필요한 것일 수 있습니다.