TTFB 속도(Time To First Byte Speed)

공정위 광고 문구 Ver 2.0

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] 구글 검색 기록 끄기 설정으로 자동 저장 비활성화 하기

    대부분 크롬 앱을 사용하면서 외부에서도 계정을 동기화 한 후 사용하는 경우가 많습니다. 개인 정보 보호와 같은 민감한 이유로 구글 검색 기록 끄기 설정을 해야 하는 경우가 있습니다. ✅ 구글 검색 기록 끄기 먼저 구글 페이지 우측 상단의 [구글 계정 관리]를 클릭합니다.(지금의 설정 화면은 크롬 다크모드가 설정된 화면이기 때문에 개인 PC 화면과 다를 수…

  • 크롬 개발자 도구 정의와 목적 5가지

    크롬 개발자 도구란 웹 개발자와 디자이너가 웹사이트의 코드 구조, 성능, 반응형 디자인, 보안, SEO 품질을 점검·개선하기 위해 사용하는 크롬 브라우저 내장 기능입니다. 페이지 속도 측정, 디버깅, 네트워크·리소스 분석 등 웹사이트 품질을 높이는 모든 과정을 한 곳에서 수행할 수 있습니다. Ⅰ. 크롬 개발자 도구의 목적 크롬 개발자도구는 단순한 코드 확인 도구가 아니라, 웹사이트의 품질…

  • NameCheap DNS 설정 및 레코드 설정 방법

    네임칩에서 도메인을 구매했다면, 원하는 회사 또는 네임칩의 기본 DNS 서버를 사용할 수 있습니다. 이 페이지에서 NameCheap DNS 서버 설정 방법을 안내합니다. 먼저 구매한 도메인의 관리 페이지의 도메인 리스트 탭으로 이동합니다. 맨 우측 관리 버튼을 클릭합니다. 1️⃣ NameCheap DNS 서버 설정 먼저 리디렉션 설정(NameCheap Basic DNS 기본 값)은 크게 필요하지 않고, 보통은 도착지가 www보다는…

  • 한글 맞춤법 검사기-부산대학교 맞춤법 검사기N네이버 맞춤법 검사기

    한글 맞춤법 검사기는 부산대학교 맞춤법 검사기와 네이버의 맞춤법 검사기 두 개가 가장 널리 사용되고 있습니다. 한글 맞춤법 검사기 정의 맞춤법 검사기(spell checker)란 사용자가 입력한 문장을 사전을 기반으로 검사하고 자동으로 올바른 형태로 변환해주는 기능입니다. 부산대학교 인공지능연구실과 나라인포테크가 협력하여 개발한 대한민국에서 가장 널리 사용되는 한국어 맞춤법 및 문법 검사기입니다. 1991년부터 부산대학교 전기컴퓨터공학부 권혁철 교수가 개발을…

  • 웹 성능 최적화: 구조와 정의

    사용자 경험(UX), 검색 엔진 최적화(SEO), 전환율, 그리고 사이트 유지 비용까지 – 웹 성능은 단순히 ‘사이트 속도 향상’이 아닌 적용된 이후의 여러가지 효과에 복합적인 영향을 주는 핵심 요소입니다. 일반 웹사이트 그리고 워드프레스와 같이 다양한 테마와 플러그인이 공존하는 환경에서는, 성능 저하의 원인을 파악하고 그에 맞는 최적화 기법을 적용하는 것이 필수입니다. 이 글은 웹 성능 최적화를…

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

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

답글 남기기

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

Prove your humanity: 0   +   8   =