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

공정위 광고 문구 Ver 3.1
공정위 광고 문구 Ver 3.2(모바일 전용)

구글 페이지스피드 인사이트를 테스트 했을 때 지표 중 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

  • [WP] 웹 브라우저 렌더링이란?[렌더링 종류]

    브라우저 렌더링이란 HTML, CSS, 자바스크립트 등 웹 사이트의 문서가 웹 브라우저에서 출력 되는 과정입니다. 모바일 or PC 모니터 등 브라우저에서 웹 페이지가 표시(렌더링)되는 것이라고 하는 것이 쉬운 접근 법입니다. 각각의 브라우저는 렌더링을 실행하는 렌더링Rendering 엔진을 가지고 있습니다. ※브라우저 별 렌더링 엔진 크롬&오페라 : Blink 인터넷 익스플로러 : Trident 모질라 파이어폭스: Gecko 사파리 :…

  • [WP] 워드프레스 단점과 장점

    W3태그 통계에 따르면 전 세계 CMS 점유율 중에 워드프레스의 점유율 43%를 확인할 수 있습니다. 워드프레스는 장점만 있고 워드프레스 단점에 대해 생각할 필요가 없는 것일까요? 워드프레스 장점과 단점에 대해 생각해 보겠습니다. 1. 대표적인 워드프레스 장점 워드프레스 장점 및 단점은 어디까지나 개인적인 생각입니다. 1.1 SEO에 유리 워드프레스는 검색 엔진 최적화에 유리합니다.(플러그인을 통해서) Yoast와 같은 SEO…

  • [WP] 워드프레스 XML-RPC 취약점과 비활성화 해야 하는 이유 2가지

    워드프레스 xmlrpc.php는 보안 문제가 발생합니다. xmlrpc.php 파일을 이용한 워드프레스 사이트에 대한 무차별 대입 공격이 문제입니다. xmlrpc.php 취약점으로 많은 워드프레스 유저에게 알려진 문제이기도 합니다. ‘XML-RPC‘의 기본 기능 및 활용성과 문제가 되는 이유에 대해 알아 보겠습니다. 1. 워드프레스 xmlrpc.php란? xmlrpc.php 파일은 HTTP가 전송 메커니즘으로 작동합니다. XML이 인코딩 메커니즘으로 작동하여 데이터를 전송할 수 있는 WordPress의 기능입니다….

  • [WP] 워드프레스 vs 티스토리 더 나은 선택은?

    수익형 블로그라서 해서 한국에서는 티스토리를 많이 이용하고 있습니다. 티스토리의 가장 큰 장점은 구글 애드센스 광고를 블로그에 게재해서 수익을 올릴 수 있다는 장점이 있습니다. 하지만 티스토리 블로그는 너무 많은 문제를 가지고 있습니다. 앞으로도 절대 해결되지 않을 것이 99% 이상 기정 사실화 되었다고 할 수 있습니다. 워드프레스 vs 티스토리를 고민하는 분들이 2023년 이후 점점 늘어나고…

  • [WP] 워드프레스 미디어 개요 및 5가지 주요 기능

    워드프레스 미디어 라이브러리는 이미지(JPEG, PNG 등), 비디오, 오디오 및 문서(PDF,Word 등 파일로 구성되며 한 곳에서 관리할 수 있습니다. 미디어 라이브러리에서 미디어 업로드와 필요하지 않은 관련 파일의 삭제 및 편집을 할 수 있습니다. 워드프레스 미디어 파일 추가 미디어에서 [라이브러리] 및 [새로 추가] 기능을 확인해서 원하는 파일을 추가할 수 있습니다. 그리고 글 자성시에도 미디어 추가…

  • [WP] 2023년 WP-Rocket Vs WP-Optimize 비교

    WP-Rocket과 WP-Optimize는 워드프레스에서 인기 있는 캐시 플러그인입니다. 캐시 플러그인은 방문자가 WordPress 웹사이트에 방문할 때마다 페이지를 더 빠르게 제공하기 위해 페이지를 저장합니다. 사이트 로딩 속도를 빠르게 하기 위해 캐싱 플러그인이 필요한 경우가 많습니다. 브라우저 캐싱 및 Gzip 압축, 캐시 preloading, 이미지 WebP 파일 변환 등 많은 기술을 필요로 합니다. 2023년 WP-Rocket Vs WP-Optimize 각각의…