TTFB 속도(Time To First Byte Speed)

TTFB란 서버에 HTTP 요청이 보내진 후 클라이언트의 브라우저가 첫 정보를 수신하는데(첫 번째 바이트를 읽는데 걸린 시간) 소요된 시간을 의미합니다. TTFB는 DNS 속도 측정 이후에 계산되는 것으로 오해하는 경우가 많지만 네트워킹에서 TTFB는 DNS를 포함한 네트워크 대기 시간이 포함됩니다.

TTFB 속도

1. TTFB 과정 3단계

1.1 TTFB 서버 요청

클라이언트도메인을 입력 후 웹 사이트를 방문했을 때 클라이언트(브라우저)에서 서버 측으로 HTTP 요청이 전송됩니다. DNS 조회 시간이 TTFB에 영향을 미칠 수 있으며, DNS 서버 및 서버가 지리적으로 멀리 있는 경우 데이터가 이동하는 거리의 지연 시간이 생길 수 있습니다.

1.2 TTFB 서버 처리

서버 요청 후 응답 받은 서버는 요청을 처리하고 응답을 해야 합니다. 이에 대한 서버 처리에는 DB 처리, 스크립트, 캐시되지 않은 파일들, 최적화되지 못한 코드, 디스크 I/O 및 메모리 그리고 비효율 적인 서버 리소스와 같은 여러가지 이유로 TTFB 속도의 지연이 있을 수 있습니다.

1.3 클라이언트의 응답

서버의 요청 및 처리 후 클라이언트로 HTTP 요청이 다시 전송됩니다.(또는 처리된 TTFB)

클라이언트의 응답은 사용하는 인터넷의 영향도 받습니다. 와이파이 또는 사용 중인 ISP의 속도에 의해 TTFB의 속도도 영향을 받게 되는 것입니다.

2. TTFB의 중요성

TTFB(time to first byte)는 최종 페이지를 불러들이는 속도와 동일하지 않다는 것입니다. 페이지 로드 시간이 빠르다면 문제가 되지 않을 수 있지만 중요한 것은 TTFB 속도가 빠르다면 그만큼 페이지 로드 시간은 더 줄어들 수 있다는 점입니다.

보통 100ms 미만의 속도가 좋은 TTFB로 보며 구글 페이지 스피드에서는 200ms 미만을 권장하고 있습니다.

3. TTFB 속도 측정

‘time to first byte’ TTFB 속도 측정 방법에는 크롬 개발자 도구, 구글 페이지 스피드, GTmetrix 등 다양한 방법이 있습니다.

GTmetrix의 경우는 속도 측정 후 퍼포먼스 탭에서 Browser Timings에서 확인할 수 있습니다.

GTmetrix TTFB 속도 확인

Similar Posts

  • Breadcrumbs: 구조화된 네비게이션과 SEO를 위한 Schema

    웹사이트의 콘텐츠가 많아지고 규모가 커질수록, 사용자는 자신이 어디에 있는지 헷갈리기 쉽고, 검색엔진은 페이지 간 구조적 관계를 파악하기 어려워집니다. 이와 같은 경우 장 강력한 해결책이 바로 Breadcrumbs입니다. 브레드크럼은 단순한 네비게이션 기능을 넘어서, 검색엔진 최적화(SEO)와 사용자 경험UX을 동시에 강화하는 중요한 도구입니다. 특히 Schema 마크업을 통해 구조화된 데이터를 제공하면, 구글과 같은 검색엔진은 사이트의 계층 구조를 더…

  • 크롬 개발자 도구 성능 탭 활용

    웹사이트의 성능을 정확하게 평가하려면 단순한 속도 점수보다, 브라우저가 실제로 렌더링과 스크립트를 어떤 순서로 처리하는지를 살펴보는 것이 더 중요합니다. 크롬 개발자 도구 성능 탭은 페이지 로딩 과정과 사용자 상호작용에 따른 성능 저하를 시각적으로 분석할 수 있는 도구입니다. 렌더링 지연, 자바스크립트 실행 순서, LCP·FCP·CLS와 같은 Core Web Vitals 지표까지 모두 한 화면에서 확인할 수 있어,…

  • 티스토리 단점과 장점

    한국에서 가장 많이 사용하는 블로그는 네이버 블로그와 티스토리 블로그입니다. 티스토리 단점과 장점은 어떤 점이 있는지 알아 보겠습니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도 측정 1. 티스토리란? 티스토리는 2006년 5월 개설된 서비스형 블로그이며, 테터툴즈 개발사인 테터앤컴퍼니(TNC)와 다음의 공동 운영 형태였습니다. 이후 2007년 운영권 전체가…

  • [SEO] 서브도메인 VS 서브폴더 2가지 설정 중 SEO에 더 유리한 것은?

    서브도메인 VS 서브폴더 SEO에 어떤 방식이 유리한지 알아 보겠습니다. 먼저 Subdomain에 대해 간략히 설명하자면 인터넷에서 특정 사이트에 접속했을 때 www.domain.com에서 shop.domain.com이나 blog.domain.com과 같이 서브도메인으로 연결되는 경우를 확인한 적이 있을 겁니다. shop이나 blog와 같은 Subdomain 외에 www.domain.com/shop과 www.domain.com/blog와 같이 서브폴더(하위 디렉토리 or 하위 폴더)로 주제를 나누는 방법이 있습니다. 서브도메인 VS 서브폴더 두 가지 설정을…

  • DOM(Document Object Model) 구조와 정의

    대부분의 웹페이지는 HTML로 구성되어 있지만, 우리가 브라우저에서 상호 작용하는 것은 단순한 정적인 HTML 문서가 아닙니다. 웹페이지는 브라우저에 의해 DOM(Document Object Model)이라는 구조화된 객체 모델로 변환되며, 이 DOM을 통해 JavaScript는 페이지의 내용을 읽고 수정할 수 있습니다. DOM은 웹의 핵심 작동 원리이자 프로그래밍 가능한 웹의 뼈대입니다. 버튼 클릭, 폼 입력, 실시간 데이터 변경 등 우리가…

  • 페이팔 카드 등록 및 삭제 방법(PC&모바일)

    페이팔 결제는 전자지갑에 신용카드(or 체크카드)를 등록 후 결제가 가능하며, 해외 직구 등을 이용할 때 편리합니다. 페이팔 카드 등록 및 카드 삭제 방법에 대해 알아 보겠습니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도 측정1. 페이팔 등록 가능 체크카드 조건 · Visa, Mastercard, American Express, UnionPay…

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Prove your humanity: 5   +   4   =