javascript - 하나의 CSS 파일과 하나의 js 파일이 있는 html 페이지에 액세스할 때 크롬은 몇 개의 TCP 연결을 설정합니까? http 요청은 몇 번이나 이루어 집니까?

제목과 같습니다.
그리고 Ajax를 사용하여 데이터를 얻는 효과는 웹페이지를 미리 로드하는 것과 동일한가요? 즉, 설정된 TCP 연결과 http 요청이 동일한가요?
매번 악수를 해야 한다면 리소스가 많이 소모되나요? 출판할 때 모든 요소를 ​​같은 페이지에 넣는 것이 더 좋지 않을까요?

답글 내용:

제목과 같습니다.
그리고 Ajax를 사용하여 데이터를 얻는 효과는 웹페이지를 미리 로드하는 것과 동일한가요? 즉, 설정된 TCP 연결과 http 요청이 동일한가요?
매번 악수를 해야 한다면 리소스가 많이 소모되나요? 출판할 때 모든 요소를 ​​같은 페이지에 넣는 것이 더 좋지 않을까요?

페이지의 모든 리소스, 즉 모든 리소스는 로드하려면 http 요청을 보내야 합니다.

문제 1: Ajax와 사전 로드는 서로 다른 순서로 리소스를 로드하지만 둘 다 동일한 수의 리소스에 대해 HTTP 요청을 생성합니다. 전자는 페이지 본문을 먼저 본 후 부분적인 정보를 표시하는 반면, 후자는 로딩 후 한꺼번에 표시됩니다. 적용 시나리오도 다릅니다.

문제 2: HTTP 요청 헤더와 응답 헤더가 모두 Connection:keep-alive로 설정된 경우 여러 HTTP 요청이 TCP 연결을 공유합니다. 방금 기사를 찾았습니다. HTTP 프로토콜 헤더 및 Keep-Alive 모드에 대한 자세한 설명

질문 3: 질문 2 참조

질문 4: 프런트 엔드 최적화 방향에는 HTTP 요청 수를 줄이는 것이 포함되어 있으므로 CSS 스프라이트 및 데이터 URL과 같은 최적화 솔루션이 있습니다. 그러나 리소스 유지 관리 및 업데이트의 복잡성도 증가합니다.