Optimization http1

[SooY2]

✅ HTTP/1.1 최적화 전략 요약

1️⃣ CSS, JS 파일 병합

• HTTP/1.1은 한 도메인당 최대 6개의 연결만 동시에 허용.
• 요청 리소스가 많아질수록 직렬적으로 로딩되어 지연 발생.
• CSS와 JS 파일은 가능한 한 병합하여 요청 수를 최소화.
• 필수 스타일과 스크립트는 <style> / <script> 태그로 inline 처리하여 렌더링 지연 최소화 (특히 초기 렌더에 필요한 부분).

2️⃣ Icon Sprite 이미지

• 작은 아이콘 이미지를 개별 파일로 요청하면, HTTP/1.1의 직렬 처리 제약으로 인해 로딩 지연 발생.
• 아이콘들을 **하나의 큰 이미지(sprite sheet)**로 병합.
• CSS의 background-position을 활용하여 필요한 아이콘만 표시.
• 이를 통해 요청 수를 1회로 줄이고, 렌더링 속도 개선 가능.