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

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

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

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

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를 측정 해 보겠습니다.

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

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

노트북 화면에 워드프레스 브랜드 로고

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

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

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은 어느 정도 속도 향상에 도움이 되며, 오리진 서버의 리소스를 분산하는 효과가 있기 때문에 방문자가 늘어나더라도 대응이 가능한 이점이 있습니다.

CDN(콘텐츠 배달 네트워크)

TTFB 측정 사이트

TTFB 속도 측정을 할 수 있는 사이트입니다. 지역 별 측정이 가능합니다. 한국의 경우 유료 결제 후 이용이 가능해서 일본과 대만을 참고해야 하는 부분이 있습니다.

Similar Posts

  • Ghost CMS란? WordPress vs Ghost 2개 CMS 비교

    2023년 워드프레스 CMS 점유율은 43% 정도이며, 압도적인 점유율을 유지하고 있는 콘텐츠 관리 시스템(CMS)이 틀림 없습니다. 워드프레스 테마와 플러그인은 무한에 가까운 확장성을 가지고 있기 때문입니다. Ghost CMS는 콘텐츠 제공 중심 CMS입니다. WordPress vs Ghost 차이점을 알아 보도록 하겠습니다. Ghost CMS는 자바 스크립트로 작성되며, MIT 라이선스에 따라 배포됩니다. 둘 다 무료 오픈소스인 점이 동일합니다. 목차TTFB란 무엇이며…

  • [WP] 워드프레스 홈페이지 예시 List 9

    WordPress의 전 세계 점유율은 2023년 현재 43%에 달하고 있습니다. 10개 중 4개의 웹 사이트는 워드프레스로 만들었다는 뜻이지요. 블로그 기능으로 시작한 워드프레스는 전자상거래, 회사 홈페이지, 교육용, 엔터테인먼트 등 생각하는 모든 웹 사이트 구축이 가능한 워드프레스 홈페이지 예시에 대해 알아 보겠습니다. 목차TTFB란 무엇이며 어떻게 작동하는가?페이지스피드 인사이트에서 TTFB 확인하기GTmetrix에서 TTFB 자세히 확인하기워드프레스 TTFB 속도 줄이는 방법…

  • 워드프레스 캐시 플러그인 및 최적화 플러그인

    워드프레스로 만들어진 웹사이트는 플러그인을 설치할 수록 속도가 느려집니다. 이는 필연적인 현상으로 워드프레스 사이트 속도가 느린 경우 워드프레스 캐시 플러그인을 설치하여 사이트의 성능을 향상 시켜야 한다고 공식 문서에서도 언급하고 있습니다. 일반적으로 워드프레스 웹사이트는 HTML, CSS, JavaScript 등으로 직접 코딩 된 일반 웹사이트에 비해 느릴 수 있습니다. 그 이유는 워드프레스의 작동 방식 때문입니다. 목차TTFB란 무엇이며…

  • [WP] 워드프레스 글 페이지 차이

    워드프레스를 처음 후 운영하게 되면 글(Post)과 페이지(Page) 차이가 어려워 혼동을 겪는 경우가 많습니다. 워드프레스 글 페이지 차이가 무엇인지 명확히 알아 보도록 하겠습니다. 워드프레스 포스트(글)은 워드프레스에서 제공하는 가장 기본적인 글 형식입니다. 동적인 콘텐츠이며 반대로 페이지는 정적인 콘텐츠입니다. 목차TTFB란 무엇이며 어떻게 작동하는가?페이지스피드 인사이트에서 TTFB 확인하기GTmetrix에서 TTFB 자세히 확인하기워드프레스 TTFB 속도 줄이는 방법 5가지1. 좋은 호스팅…

  • WP Fastest Cache 플러그인: 기본 설정 및 속도 테스트

    워드프레스를 설치하고 테마까지 적용한 초기 상태에서는 일반 사용자용 페이지와 관리자 페이지 모두 빠른 속도를 체감할 수 있습니다. 그러나 플러그인이 하나둘 추가되면서 사이트는 점점 느려지고 무거워지기 마련입니다. 이러한 성능 저하를 해결하기 위해 많은 캐시 플러그인들이 사용되지만, WP Fastest Cache 플러그인은 가볍고 간편한 인터페이스를 제공하면서도 기능 면에서 결코 부족하지 선택지 중 하나입니다.WP Fastest Cache는 프리…

  • 워드프레스 DB Collation: utf8mb4_unicode_520_ci

    워드프레스 전용 서버를 구축하기 위한 준비를 APM 설치 후 테스트 도메인으로 워드프레스를 설치했다. 설치 후 데이터베이스를 확인해 보니 워드프레스 DB Collation이 utf8mb4_general_ci가 아닌 utf8mb4_unicode_520_ci로 확인되었다. 워드프레스 utf8mb4_unicode_520_ci가 표준이었나 생각하다가 구글링 후 워드프레스 utf8mb4_unicode_520_ci가 표준이라는 것을 확인했다. 예전에 시간적 여유가 있을 때 utf8mb4_general_ci를 사용했었고 그때는 utf8mb4_general_ci가 표준이었는지 모르겠지만 지금 생각해보니 예전에도 표준 정렬은 unicode_ci를…