페이지의 구성 요소 수 줄이기
HTTP 요청은 브라우저가 페이지를 보는 방법입니다. 브라우저에서 웹 페이지가로드되면 브라우저는 웹 페이지에 URL의 페이지에 대한 HTTP 요청을 보냅니다. 그런 다음 HTML이 전달되면 브라우저가 이미지를 분석하고 이미지, 스크립트, CSS , Flash 등에 대한 추가 요청을 찾습니다.
새 요소에 대한 요청을 볼 때마다 서버에 다른 HTTP 요청을 보냅니다. 귀하의 페이지에 더 많은 요청이있는 더 많은 이미지, 스크립트, CSS, 플래시 등이 만들어지고 더 느린 페이지가로드됩니다. 페이지에서 HTTP 요청 수를 줄이는 가장 쉬운 방법은 많은 (또는 모든) 이미지, 스크립트, CSS, Flash 등을 사용하지 않는 것입니다. 그러나 텍스트 만있는 페이지는 지루합니다.
디자인을 파괴하지 않고 HTTP 요청을 줄이는 방법
다행히 고품질의 풍부한 웹 디자인을 유지하면서 몇 가지 방법으로 HTTP 요청 수를 줄일 수 있습니다.
- 파일 결합 - 외부 스타일 시트 와 스크립트를 사용하면 페이지로드 시간이 줄어들지 않도록해야하지만 CSS와 스크립트 파일은 둘 이상 포함하지 않아야합니다.
- CSS 스프라이트 사용 - 대부분의 또는 모든 이미지를 스프라이트로 결합하면 여러 이미지 요청을 하나만 만들 수 있습니다. 그런 다음 배경 이미지 CSS 속성을 사용하여 필요한 이미지 섹션을 표시하기 만하면됩니다.
- 이미지 맵 - 이미지 맵은 예전처럼 인기가 없었지만 이미지가 인접 해 있으면 여러 개의 HTTP 이미지 요청을 한 번으로 줄일 수 있습니다.
캐싱을 사용하여 내부 페이지로드 시간 향상
CSS 스프라이트와 CSS와 스크립트 파일을 결합하여 내부 페이지의로드 시간을 향상시킬 수도 있습니다. 예를 들어 내부 페이지 요소와 방문 페이지를 포함하는 스프라이트 이미지가있는 경우 독자가 해당 내부 페이지로 이동하면 이미 이미지가 캐시에 저장 됩니다. 따라서 내부 페이지에 이미지를로드하기 위해 HTTP 요청이 필요하지 않습니다.