[WP] Time to First Byte(TTFB)란? 워드프레스 TTFB 속도 줄이는 방법 5가지

구글 페이지스피드 인사이트를 테스트 했을 때 지표 중 Time to First Byte(TTFB)를 확인하게 됩니다. ‘첫 번째 바이트까지의 시간’이란 뜻을 가진 TTFB는 브라우저가 요청 후 웹 서버에서 첫 번째 정보를 수신하기까지 브라우저가 대기하는 시간입니다. ‘초기 서버 응답 시간’을 줄이는 것은 페이지스피드 ‘코어 웹 바이탈’의 중요한 권장 사항 중 하나입니다. ‘초기 서버 응답 시간’을 줄이기 위한 범주에 속하는 것이 ‘첫 번째 바이트까지의 시간’을 줄이는 것입니다. Time to First Byte를 개선할 수 있다면 웹 페이지 로딩 속도와 LCP^{Largest Contentful Paint}를 향상 시킬 수 있습니다.

TTFB란 무엇이며 어떻게 작동하는가?

앞서 언급한 것처럼 TTFB는 브라우저가 요청 후 웹 서버에서 첫 번째 정보를 수신하기까지 브라우저가 대기하는 시간입니다. Time to First Byte는 세 가지 구성 요소를 가지고 있습니다.

1. HTTP 요청 전송 소요 시간
2. 서버 처리 소요 시간
3. 서버 응답 첫번째 바이트 브라우저 재 전송 시간

TTFB는 HTTP 요청으로 시작합니다. 서버에서 요청을 수신하는데 DNS 조회 소요 시간, 사용자 네트워크 속도, 서버까지 거리가 이에 해당합니다.

요청을 받은 서버는 이를 처리하고 응답을 생성하게 됩니다. 프로세스 시작, 데이터베이스 호출, 스크립트 실행 및 네트워크 시스템과의 통신이 해당합니다.

서버 처리 소요 시간 이후 클라이언트에게 서버는 응답을 보내게 됩니다. 서버 및 사용자 네트워크 속도에 따라 차이가 발생합니다. 사용자의 인터넷 속도에 따라 TTFB가 영향을 받습니다.

속도 향상을 위해 해야 할 일은 HTTP 요청이 전송되는 소요 시간과 서버 처리 소요 시간을 단축하는 것입니다. 서버가 응답하는 첫 번째 바이트 역시 서버 속도와 관계가 있기 때문에 빠른 서버를 사용하는 것이 중요합니다. 통제하지 못 하는 것은 클라이언트(사용자)의 인터넷 속도입니다.

페이지스피드 인사이트에서 TTFB 확인하기

Time to First Byte가 중요한 이유는 웹 사이트의 전체 페이지 속도에 영향을 주는 요소이기 때문입니다. 구글 페이지스피드 인사이트의 Google Core Web Vitals의 중요 요소 중 하나입니다.

TTFB는 Google Core Web Vitals의 중요 요소 중 하나입니다.

TTFB는 사이트 속도를 높이기 위해 제어할 수 있는 범위 내에 있다고 볼 수 있으며, SEO 순위를 높일 수 있는 중요 요소입니다. 구글이 권장하는 이상적인 TTFB는 200ms 미만입니다. 검사에 통과하려면 600ms 미만으로 맞춰야 한다는 것이지요. DNS 응답 시간, 서버의 성능과 동적 콘텐츠, 높은 웹 트래픽, 네트워크 대기 시간 등이 Time to First Byte의 속도를 느리게 만들기 때문에 5가지를 관리하는 것이 중요합니다.

GTmetrix에서 TTFB 자세히 확인하기

GTmetrix를 이용해 Time to First Byte를 측정 해 보겠습니다.

GTmetrix 요약에서 확인
GTmetrix 성능에서 확인
GTmetrix TTFB 구간 별 확인

GTmetrix TTFB 구간 별 확인

워드프레스 TTFB 속도 줄이는 방법 5가지

다른 웹 사이트도 마찬가지이며, 워드프레스로 만든 웹 사이트는 웹 사이트의 성능 향상과 유지를 위한 주기적인 관리가 필요합니다.

1. 좋은 호스팅 서비스 및 플러그인 이용

잘 만들어진 워드프레스 전용 호스팅을 이용한다면 도움이 됩니다. 해외 많은 호스팅 업체는 관리형 공유 호스팅과 관리형 VPS 호스팅을 서비스 하고 있습니다. TTFB의 향상을 위한 업체 선정 조건은 다음과 같습니다.

Wordpress 전용 호스팅
서버 위치
호스팅 및 플러그인 선정 조건 5가지

100% 정답은 아닙니다. VPS는 아니더라도 공유 호스팅으로 워드프레스 전용 호스팅을 서비스 하는 업체는 워드프레스 사이트 전용 서버를 구성했다는 것이 됩니다.

물리적인 서버 위치는 매우 중요한 요소입니다. 주 클라이언트가 가까운 위치에 있는 호스트를 선정하는 것이 중요합니다.

ⓐ 확장 가능한 업체를 선정하는 것이 중요합니다. 트래픽이 늘어나게 되면 TTFB가 느려질 수 있습니다.
ⓑ 웹 캐시는 사이트의 로딩 속도 및 사이트 최적화에 도움이 됩니다. 캐시 플러그인 사용을 권장합니다. 그리고 서버 캐시를 사용하는 호스팅 업체를 선정하는 것이 사이트 속도에 매우 중요한 요소입니다. 서버 캐시에는 객체 캐시(Memcached,Redis)와 Opcode cache(OPcache 등)가 대표적이라고 할 수 있습니다.
ⓒ 이미지 크기 및 GZIP 압축 사용 여부
ⓓ 데이터베이스 최적화 및 쿼리 줄이기 : 추천 플러그인: Query Monitor
ⓔ 최신 버전 PHP 사용하는 업체 고려

2. 테마와 플러그인 최신 상태 유지 및 느린 플러그인 체크

필요한 테마와 플러그인 외에 사용하지 않는 테마 및 플러그인은 삭제하는 것이 좋습니다. 주기적으로 검토 후 삭제하는 것을 권장합니다. 느린 플러그인은 웹 사이트 속도에 안 좋은 영향을 주기 때문에 동일한 기능을 가지고 있는 더 좋은 플러그인을 찾아 보는 것도 좋습니다. 워드프레스 포스트에서 깨진 링크가 있을 경우 속도가 느려지는 것 또한 고려해서 주기적으로 게재한 글을 관리하는 것이 좋습니다.

3. 서버 리소스 줄이기

HTTP 페이지의 주석과 공백 제거로 서버 리소스를 줄일 수 있습니다. 위에서 언급한 이미지 크기와 GZIP 압축 기술은 서버의 응답 시간을 줄여 줍니다. 이미지 레이지 로딩 및 CSS 및 자바 스크립트 파일을 줄이거나 경량화 하는 것은 대부분의 워드프레스 사이트에서 필수 요소로 자리 잡았습니다.

4. DNS

짧은 대기 시간을 가진 DNS 쿼리는 시간을 단축하기 때문에 결국 Time to First Byte 향상에 도움이 됩니다. 추가로 DNS prefetching(미리 가져오기)를 활성화 하는 것이 좋습니다. 클라이언트가 브라우징을 하는 동안 백그라운드에서 페이지에 대한 DNS 조회를 수행할 수 있도록 브라우저에 지시할 수 있습니다.

5. CDN

클라우드플레어와 같은 CDN 서비스를 사용해 보는 것을 고려할 수 있습니다. CDN은 정적 콘텐츠를 전 세계적으로 빠르게 전달할 수 있기 때문에 서버가 해외와 같이 멀리 있는 경우 이점으로 작용합니다. 가까운 위치에서도 CDN은 어느 정도 속도 향상에 도움이 되며, 오리진 서버의 리소스를 분산하는 효과가 있기 때문에 방문자가 늘어나더라도 대응이 가능한 이점이 있습니다.