사이트 속도 개선

첫 바이트 대기 시간(TTFB)

첫 바이트 대기 시간(TTFB)은 리소스에 대한 요청과 응답의 첫 바이트가 도착하기 시작하는 시점 사이의 시간을 측정하는 지표입니다. 다음은 TTFB를 나타내는 요청 단계입니다.

• 리디렉션 시간
• 서비스 워커 시작 시간(해당하는 경우)
• DNS 조회
• 연결 및 TLS(전송 계층 보안) 협상
• 응답의 첫 바이트가 도착할 때까지의 요청

연결 설정 시간과 백엔드에서의 지연 시간을 줄이면 TTFB를 단축할 수 있습니다.

Argo

CDN(Content Delivery Network) 기능인 Argo는 라우팅 결정을 분석하고 최적화합니다. 고객이 스토어프런트를 방문하면 고객의 컴퓨터와 eCDN, 그리고 마지막으로 오리진 서버 간에 많은 홉이 발생합니다. Argo는 eCDN에 도달하기 위한 최적의 경로를 찾는 데 도움이 됩니다. ARGO를 구현한 이후 고객들이 체감하는 성능이 평균 20~30% 개선되었습니다. Argo Smart Routing은 CDN 네트워크를 통과하고 인터넷을 통해 최적의 경로를 식별하는 각 요청에서 수집된 지연 시간 및 패킷 손실 데이터를 사용합니다. Argo는 B2C Commerce CDN의 일부로 구현됩니다.

Early Hints

Early Hints는 웹 사이트를 더 빠르게 로드하는 데 도움이 되는 HTTP 상태 코드(103 Early Hints)입니다. 로드 속도를 높이기 위해 Early Hint는 최종 콘텐츠가 준비되기 전에 브라우저에 페이지 미리보기를 보냅니다. 이렇게 하면 브라우저는 서버가 나머지 컨텐츠를 생성할 때까지 기다리는 동안 페이지의 사전 로드를 시작할 수 있습니다. Early Hints는 페이지 로드 시간을 줄이고 사용자가 체감하는 지연 시간을 줄이는 데 도움이 됩니다.

B2C Commerce의 eCDN은 최종 사용자와 가까운 곳에 배치되므로 Early Hint를 신속하게 제공할 수 있습니다. 조기 전송을 통해 서버가 페이지를 생성하는 데 걸리는 시간을 크게 줄여줍니다. eCDN은 고객의 브라우저가 요청하는 순간부터 초기 힌트를 받을 때까지 첫 번째 바이트까지의 시간을 추적합니다. TTFB가 빠를수록 성능이 최적화되고 사용자 만족도가 높아집니다.

Early Hints를 사용하면 웹 매장 성능을 개선하고 사용자에게 더 나은 경험을 제공할 수 있습니다.

HTTP/2에서 오리진으로

HTTP/2에서 오리진으로는 eCDN과 오리진 간에 HTTP/2 프로토콜을 사용하며 둘 사이의 성능을 개선합니다. HTTP는 장기간에 걸쳐 발전한 일반 프로토콜입니다. 각 버전마다 성능을 높이는 새로운 기능이 추가됩니다. HTTP/1.1과 HTTP/2는 모두 오늘날 인터넷에서 널리 사용됩니다. HTTP/1.1은 오랫동안 사용되어 왔지만 2015년에 Internet Engineering Task Force가 페이지 로드 시간을 줄이는 HTTP/2를 도입했습니다.

이 설정은 오리진이 HTTP/2를 지원하는 경우에만 적용됩니다. HTTP/2는 이전 버전과 호환됩니다. 지원되지 않는 경우 eCDN은 HTTP/1을 사용합니다.

HTTP/3

HTTP/3는 QUIC(Quick UPD Internet Connections)를 전송 프로토콜로 사용하는 하이퍼텍스트 전송 프로토콜의 한 버전입니다. QUIC는 신속한 네트워크 스위칭을 지원하고 TCP(Transmission Control Protocol)보다 속도가 빠른 UDP(User Datagram Protocol)를 사용합니다. 이 접근 방식은 높은 트랜잭션 연결 속도를 저하시킬 수 있는 HOL(head-of-line) 차단 문제를 완화합니다. 또한 QUIC는 계층 4 전송 연결을 계층 3 IP 흐름과 분리하여 네트워크 간 마이그레이션을 개선합니다. 네트워크 패킷 손실 또는 재정렬은 트랜잭션이 많은 연결의 속도를 떨어뜨리는 원인이 될 수 있습니다.

QUIC는 오늘날 우리가 인터넷을 사용하는 방식에 더 적합합니다. 다양한 네트워크 간에 지속적으로 전환되는 휴대폰 및 기타 모바일 기기용으로 설계되었습니다. 원래 인터넷 프로토콜은 기기가 휴대성이 좋지 않고 네트워크를 자주 전환하지 않았던 시절에 개발되었습니다.

Brotli

Brotli 압축은 HTML, CSS, JS, JSON 등 정적 텍스트 기반 웹 자산의 전송을 개선합니다. 이를 위해 페이로드 크기를 줄여 더 빠른 배송이 가능합니다.

Brotli는 기본 압축 알고리즘이며 HTTP 요청 헤더 "Accept-Encoding"에 "br"이 있는 경우 사용됩니다. gzip 응답을 보장하려면 "Accept-Encoding" 헤더를 "gzip"으로 설정합니다. 헤더에 모든 옵션(gzip, br, zstd)이 포함된 경우 eCDN은 Brotli의 우선 순위를 지정합니다.

Brotli가 비활성화되면 eCDN은 자동 압축으로 기본 설정됩니다. 이 모드에서는 방문자의 브라우저 지원 및 CDN 공급자의 진화하는 기본 설정에 따라 최적의 알고리즘이 선택됩니다.