웹 페이지 로딩 속도, 초기 데이터 크기가 전부다!
TCP 프로토콜(TCP Protocol)의 작동 방식과 혼잡 제어(Congestion Control) 메커니즘을 설명하며, 초기 전송 데이터 크기의 중요성을 강조함
초기 연결 시 13KB의 데이터가 전송되며, 이 크기가 웹 페이지 로딩 속도에 큰 영향을 미침을 지적함
혼잡 윈도우(Congestion Window) 크기 조절을 통해 전송 속도를 제어하며, 초기 윈도우 크기가 성능에 미치는 영향 분석
Lighthouse와 같은 도구를 활용하여 웹 사이트 성능을 측정하고, 네트워크 탭을 통해 전송 데이터를 분석하는 방법을 제시함
TCP 혼잡 제어(Congestion Control)와 초기 전송
본문은 TCP(Transmission Control Protocol)의 작동 원리를 설명하며, 특히 혼잡 제어(Congestion Control) 메커니즘에 주목한다. 초기 연결 시 혼잡 윈도우(Congestion Window) 크기가 작아, 초기 데이터 전송 속도가 제한된다는 점을 강조한다. 이는 웹 페이지 로딩 속도에 직접적인 영향을 미치며, 초기 전송 데이터 크기를 최소화하는 것이 중요함을 시사한다.
초기 데이터 전송 크기(Initial Data Transfer Size)의 중요성
게시물은 초기 연결 시 전송되는 데이터 크기가 웹 페이지 로딩 속도에 미치는 영향을 분석한다. 초기 RTT(Round Trip Time) 동안 약 13KB의 데이터가 전송되며, 이 크기가 웹 페이지의 첫 화면 렌더링에 필요한 모든 리소스를 포함해야 한다고 주장한다. 따라서 CSS 및 JavaScript의 인라인(Inline) 처리를 통해 초기 전송 크기를 줄이는 것이 중요하다고 강조한다.
웹 성능 측정 도구 활용
커뮤니티에서는 웹 사이트 성능 측정을 위해 Lighthouse와 같은 도구와 브라우저의 네트워크 탭을 활용하는 방법을 제시한다. Lighthouse는 웹 페이지의 성능을 종합적으로 평가하고 개선 방안을 제시하며, 네트워크 탭은 실제 전송되는 데이터의 양과 타이밍을 분석하는 데 유용하다. tc 명령어를 사용하여 네트워크 환경을 시뮬레이션하는 방법도 소개한다.
네트워크 환경의 다양성과 최적화의 어려움
논의에서는 네트워크 환경의 다양성을 고려하여 웹 성능 최적화의 어려움을 지적한다. MTU(Maximum Transmission Unit) 크기, HTTP 헤더(HTTP Headers), 암호화(Encryption) 등 다양한 요인이 데이터 전송 크기에 영향을 미치며, 실제 네트워크 환경에서는 예상치 못한 문제가 발생할 수 있다. 따라서, 실제 사용자 환경을 고려한 지속적인 테스트와 최적화가 필요하다.
