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

  • [MS 365] 아웃룩 검색 방법 및 검색 오류 해결

    아웃룩 검색 기능은 메일을 보낸 사람, 내용, 아웃룩 작업과 일정 등 다양한 항목을 찾을 수 있는 기능입니다. 아웃룩 검색 방법은 [Ctrl+E] 단축키로 키워드를 입력하면 관련 항목을 찾을 수 있습니다. 검색하는 키워드는 단어 외에도 문구를 입력할 수 있습니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도…

  • [Chrome] 크롬 개발자도구 기능 개요

    크롬 개발자도구의 주요 기능은 웹 개발자가 웹사이트의 코드 테스트 및 디버그 작업을 할 수 있습니다. 파이어폭스, 마이크로소프트 엣지, 크롬 등 웹 브라우저에는 크롬처럼 ‘웹 개발 도구(Web development tools)’가 포함되어 있습니다. 크롬 개발자도구 기능은 개발자에게 유용한 도구임이 분명합니다. ‘devtools‘이라는 줄임말로 많이 사용되고 있습니다. ※디버그(debug) 디버깅 or 디버그는 컴퓨터 프래그램 개발 중 발생하는 시스템의 버그를…

  • [SEO]구글 페이지랭크(PageRank)란?

    구글의 검색 알고리즘 페이지랭크(PageRank)는 구글 검색 엔진 결과의 웹페이지 순위를 매기는 데 사용되는 알고리즘입니다. ‘웹 페이지’라는 용어와 구글의 공동 창립자인 Larry Page의 이름을 따서 ‘페이지 랭크’라는 용어가 탄생했습니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도 측정 PageRank 역사 1996년 스탠프도 대학교의 Larry Page와 Sergey…

  • 구글 태그와 구글 태그 매니저의 이점 3가지

    태그는 웹사이트나 모바일 앱에 제품을 통합하도록 도움을 주는 애널리틱스, 마케팅, 지원 공급업체가 제공하는 코드 세그먼트(code segment)입니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도 측정 1. 마케팅 태그 웹페이지 코딩에 사용되는 표준 HTML 태그 <head>, <body>, <p>와 같은 태그와 비슷하지만 다릅니다. 구글 애널리틱스와 마케팅 업계에서…

  • HTML5 기본 구조: 기본 템플릿 코드 및 태그별 역할

    웹페이지를 만드는 기본 뼈대인 HTML은 지난 수십 년간 발전해 왔습니다. 초창기 HTML은 단순한 문서 구조화에 집중했지만, 점차 복잡한 웹 애플리케이션과 멀티미디어 콘텐츠가 등장하면서 기존 버전의 한계가 명확해졌습니다. 이러한 문제를 해결하고자 등장한 최신 표준이 바로 HTML5입니다. HTML5는 시맨틱 구조를 강화하고, 비디오·오디오 같은 멀티미디어 요소를 플러그인 없이 지원하며, 다양한 웹 API를 내장해 현대 웹 환경에…

  • [Chrome]구글 디스커버란?|디스커버 관심분야 설정 방법

    전 세계의 수 많은 사람들이 웹을 이용한 뉴스 기사와 관심 키워드를 구글링을 통해 소비합니다. 발견하다는 이름처럼 구글 디스커버(Google Discover)는 보다 쉽게 온라인 사용자의 관심사를 자동으로 보여주는 기능입니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3. TTFB 속도 측정 구글 디스커버의 역사 Google Discover는 2012년 ‘Google Now’라는 이름으로…

답글 남기기

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

Prove your humanity: 9   +   7   =