[CS Fundamental] 네이버 홈페이지가 표시되기위해 몇개의 파일이 필요할까요?

 

네이버 홈페이지가 표시되기위해 몇개의 파일이 필요할까요?

 

388 번의 요청, 441번의 요청 

    a. 그 파일들이 전송되는 순서가 어떻게 되나요?

파일 전송 순서 요약:

1. HTML 파일: 최초로 요청되고, 페이지 구조를 정의합니다.
2. CSS 파일: HTML 파일을 파싱하면서, 스타일을 적용하기 위해 요청됩니다.
3. JavaScript 파일: HTML 파싱 중 또는 끝난 후 요청됩니다.
4. 이미지 파일 및 기타 리소스: HTML과 CSS가 파싱되면서 필요에 따라 로드됩니다.
5. 웹폰트: CSS에서 지정된 웹폰트가 로드됩니다.
6. API 요청: JavaScript가 서버와 통신하여 데이터를 받아옵니다.
7. 추가 리소스: 광고, 분석 스크립트 등 나중에 로드되는 리소스들.

참고사항:

• 병렬 요청: 브라우저는 일반적으로 리소스를 병렬로 요청하므로, 여러 파일이 동시에 로드됩니다. 하지만 일부 리소스는 순차적으로 로드될 수 있습니다(예: CSS는 렌더링을 차단할 수 있음).
• 지연 로딩: 특정 리소스(예: 이미지, 비디오 등)는 페이지가 완전히 로드된 후에 비동기적으로 로드될 수 있습니다.

    b. 그 파일들의 총 용량이 어느 정도 될까요?

   1.6 MB ~ 3.3MB