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

  • [Chrome]크롬 개발자도구 웹페이지 속도 측정-네트워크 패널 이용 방법 4가지

    크롬 개발자도구 네트워크 패널은 개발자가 웹페이지에서 실제로 업로드와 다운로드가 잘 되는지 HTTP 헤더, 콘텐츠, 크기와 같은 개별 리소스의 속성 등을 체크해야 하는 2가지 경우에 이용을 합니다. 이 페이지에서는 ‘크롬 개발자도구 웹페이지 속도 측정’하는 방법과 네트워크 페널의 기본적인 사용법에 대해 다루겠습니다. CMS로 운영되는 워드프레스 웹사이트 및 쇼핑몰로 운영되는 사이트 등 웹사이트의 속도 개선으로 SEO에…

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

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

  • 도메인: 정의 및 개념 | 최상위 도메인(TLD)의 종류

    도메인은 원래 ‘영토, 영역, 분야’ 등을 뜻하는 단어로, 오늘날에는 인터넷 주소의 의미로 확장되어 사용되고 있습니다. 도메인은 인터넷에서 웹사이트에 접속할 때 사용하는 사람이 읽기 쉬운 주소입니다. 웹사이트는 본래 고유한 IP 주소(숫자)로 구분되지만, 기억하기 어렵기 때문에 문자 기반의 도메인을 사용하게 되었습니다. 목차1. TTFB 과정 3단계1.1 TTFB 서버 요청1.2 TTFB 서버 처리1.3 클라이언트의 응답2. TTFB의 중요성3….

  • 구글 PDF 번역 &이미지 번역 2가지 기능

    Google 번역은 일반적인 기계 번역 외에도 PDF 파일 번역과 이미지 내의 글자를 렌즈 번역할 수 있습니다. 구글 PDF 번역이 설치해야 하는 다른 번역 프로그램이나 웹 사이트보다 더 나은 이유는 설치의 번거로움이나 번역 파일의 크기 문제로 인한 오류가 상대적으로 없다는 것입니다. 구글의 PDF 번역과 이미지 번역에 대해 각각 알아 보겠습니다. 목차1. TTFB 과정 3단계1.1…

  • 정보형 블로그 콘텐츠 패턴 4가지 정리

    정보 중심의 정보형 블로그 콘텐츠를 작성하려고 할 때 다소 제목이나 내용이 식상하거나 막상 글을 작성하는 단계에서 H1 제목부터 H2 이하 소제목이 어색하게 바뀌는 등, 막상 제목이나 본문 구성이 어색하게 느껴지는 경우가 많습니다. 내가 생각한 것이 좋은 내용이고 훌륭한 아이디어와 독창적인 내용이 맞음에도 이 내용을 글 안에 녹여 내는 건 만만치 않은 작업입니다. 정보…

  • 무료 로고 자동 제작 사이트 6개

    워드프레스 등으로 홈페이지를 직접 만들 경우 로고를 만드는데 많은 시간을 할애할 수 있습니다. 추가 비용 없이 ‘무료 로고 자동 제작 사이트’ 6곳에 대해 정리해 봤습니다. 네이버 블로그 등에서 티스토리 블로그 등의 글을 그대로 복사해서 짜집기해서 막상 들어가 보면 무료가 아닌 유료 로고 사이트이거나 SSL 인증서가 설치되지 않은 사이트인 경우가 있었습니다. 최소한의 로고 제작…

답글 남기기

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

Prove your humanity: 9   +   2   =