"HTTP의 버전별 성능 비교와 최적화 전략"을 주제로 프론트엔드 기술세미나를 준비하며 우리가 했던 고민과 실험을 기록해보려한다.
목차별로 내용을 나누어 하나의 포스트씩 작성해 시리즈를 구성했다.
( 시리즈 제목인 H-LAB은 HTTP를 연구하는 LAB이라는 의미로 우리 조의 팀명이다ㅎㅎ )
들어가기에 앞서, 왜 HTTP가 프론트엔드에서 중요한 지에 대해 알아보자
0. HTTP가 중요한 이유
1️⃣ 네트워크 지연과 직결됨
브라우저와 서버 간의 통신 속도는 HTTP 프로토콜 방식에 크게 의존하며, 초기 페이지 로딩과 사용자 경험을 좌우한다.
2️⃣ 리소스 로딩 효율성
HTTP 버전별로 요청을 처리하는 방식이 달라, 리소스를 어떻게 나누고 전송할지가 최적화의 핵심 포인트가 된다.
3️⃣ 정적 자원 증가에 영향
이미지, JS, CSS 같은 정적 파일이 많아질수록 HTTP 버전의 성능 차이가 더욱 두드러지며, 로딩 속도에도 직접적인 영향을 준다.
4️⃣ 최적화 전략 설계
최신 HTTP 버전의 특성을 이해해야 캐싱, 코드 스플리팅, 압축 등 다양한 성능 최적화 전략을 효과적으로 세울 수 있음.
➡️ 이러한 이유로 프론트엔드 기술세미나에서 "HTTP의 버전별 성능 비교와 최적화 전략"을 주제로 정하게 되었다.
1. HTTP알아보기 + 버전별 특징
🔗
HTTP가 무엇이며, 각 버전의 특징에 대해 알아보자.
2. 버전별 성능 테스트
🔗
직접 테스트 환경을 구성해 HTTP 버전별 성능을 비교해보았다. 가장 최신 버전인 HTTP/3가 가장 빠를 것이라는 우리의 예상과는 달리, HTTP/2의 속도가 더 빠르다는 결과가 나왔다. 이 예상 밖의 결과에 대해 원인을 파악하기 위해 다양한 가설을 세우고, 조건을 바꿔가며 테스트를 반복했다.
위 글은 그 과정에서 우리가 어떤 고민을 했고, 어떤 실험을 진행했는지를 정리한 포스트이다.
3. 버전별 리소스 효율화 전략
HTTP는 버전마다 동작 방식에 차이가 있으며, 이에 따라 성능 특성과 리소스 처리 방식도 달라진다. 각 버전의 특성에 맞춰 리소스를 어떻게 효율적으로 관리하고 전달할 수 있을지에 대해 정리해보았다.
결론 및 회고
결론
HTTP 프로토콜은 웹 성능에 직결되는 핵심 요소이며, 각 버전의 특징을 이해하고 환경에 맞는 버전과 효율화 전략을 적용하는 것이 빠른 웹 구현의 핵심이다.
회고
사실 이번 프로젝트를 하면서 HTTP에 여러 버전이 존재한다는 사실조차 처음 알게 되었다.
테스트 환경을 직접 구성하고 실험을 진행하면서 예상치 못한 결과를 마주하기도 했지만, 포기하지 않고 다양한 가설을 세우며 원인을 분석해본 과정 자체가 좋은 경험이 되었다.
세미나 피드백 중 "속도뿐 아니라 보안성과 같은 다른 이유로도 HTTP 버전이 업그레이드되지 않았을까요?"라는 질문이 특히 기억에 남는다.
우리는 HTTP/3의 속도를 가장 빠르게 만들기 위한 가설과 실험에 집중했지만, 속도 외에도 고려해야 할 요소들이 있다는 점을 다시 생각하게 되었다.
다음에는 속도뿐 아니라 보안, 안정성, 호환성 등의 측면도 함께 살펴보며 더 균형 잡힌 실험을 해보고 싶다.
