Chrome 개발 도구의 네트워크 탭에서 스타일 시트에 대한 정보를 볼 때 한 열에 “크기”와 “콘텐츠”가 모두 지정됩니다.
이 두 숫자의 차이에 대해 아무도 밝힐 수 있습니까? 일부 페이지에서는 숫자가 비슷하고 다른 페이지에서는 상당한 양이 다릅니다.
답변
“Size”는 와이어의 바이트 수이고 “content”는 리소스의 실제 크기입니다. 다음과 같은 많은 것들이 그것들을 다르게 만들 수 있습니다 :
- 캐시에서 제공 (작거나 0 “크기”)
- 쿠키를 포함한 응답 헤더 ( “콘텐츠”보다 큰 “크기”)
- 리디렉션 또는 인증 요청
- gzip 압축 (일반적으로 “content”보다 “size”가 작음)
문서에서 :
크기는 서버에서 제공 한 응답 헤더 (일반적으로 수백 바이트)와 응답 본문의 결합 된 크기입니다. 내용은 리소스의 디코딩 된 내용의 크기입니다. 리소스가 네트워크가 아닌 브라우저의 캐시에서로드 된 경우이 필드에는 (캐시의) 텍스트가 포함됩니다.
답변
Size응답 자체 Content의 크기이며 액세스중인 자원의 크기입니다.
비교:
빈 캐시 :
main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB
캐시 :
main.js GET 304 Not modified .. Size: 146B Content: 31.42KB
답변
간단히 말해서 Google 기사는 크기 = 전송 크기 및 내용 = 실제 크기로 설명합니다.
이 (그리고 나는 당신의 의견에 더 그것을 개선 열려입니다)이 주제에 대한 다양한 기사를 읽기를 기반으로 내 공식은
크기 = 압축 (콘텐츠) + 응답 헤더
답변
두 값을 모두 표시하려면 “큰 요청 행 사용”!
두 번째 값 (콘텐츠)이 표시되지 않으면 Chrome 네트워크 탭에서 ‘대용량 요청 행 사용’버튼을 클릭해야합니다.
이 질문에 대한 답변 덕분에 이것을 찾았습니다.
답변
