[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

  • CDN이란? CDN 사용 이유와 이점 5가지

    CDN(Content delivery network:콘텐츠 전송 네트워크)은 콘텐츠를 효율적으로 전송하기 위해 여러 서버 위치에 데이터를 저장해서 제공하는 시스템입니다. HTML, CSS, 자바스크립트, 이미지 및 동영상 등의 콘텐츠를 신속하게 전달할 수 있습니다. CDN 사용 이유와 효과 1. 지리적 이점 원본 서버(Origin Server)와 떨어져 있어도(해외 등) 클라이언트가 웹 사이트에 접속했을 때 들어온 콘텐츠 요청은 가까운 CDN 서버에서 캐싱된…

  • WebP 파일이란?

    2010년 Google은 온라인 이미지를 줄이기 위해 ‘WebP 파일‘ 포맷을 만들었습니다. 사진의 그래픽과 크기를 줄여 더 빠른 웹사이트 로딩이 가능합니다. 무료로 사용할 수 있는 오픈 소스 파일입니다. 1. WebP 파일 정의 ‘WebP‘는 기존의 PNG 및 JPEG 파일보다 포맷 파일 크기가 작습니다. 확장자 또한 [.WEBP]로 표시되기 때문에 알아보기 쉽습니다. 두 개의 포맷 파일인 PNG와 JPEG…

  • Cloudways 호스팅 사용 후기(2023)

    fastcomet에서 Cloudways 호스팅으로 이전을 했습니다. Cloudways 호스팅 사용 후기는 기대했던 것 이하였습니다. 이전 이유는 깔끔한 인터페이스와 Memcached/Redis Object 캐시 활용 가능성이었습니다. Varnish 캐시도 사용할 수 있다는 점과 부가 기능들이 마음에 들어 사용하게 되었습니다. 1️⃣ 서버 이전 신청 무료 마이그레이션(서버 이전)은 fastcomet과 동일하게 진행할 수 있습니다. 서버 이전 후 3일 정도는 서울의 데이터 센터로 옴겼고…

  • [WP] 워드프레스 htaccess 기본 설정 및 WWW URL 제거 방법

    워드프레스로 사이트를 운영하는 중에 .htaccess 파일 기본 설정이 필요할 때가 있습니다. 워드프레스 htaccess 기본 설정은 일반 사이트와 멀티 사이트 용으로 나뉩니다. FTP 또는 SSH 등으로 .htaccess 파일이 없는 경우 확인이 되면 아래 내용을 참조해서 생성하면 되겠습니다. ✅ 워드프레스 htaccess 기본 설정: 일반 사이트 워드프레스 .htaccess 기본 설정(일반 사이트)은 다음과 같습니다. ✅ .htaccess 기본…

  • 워드프레스 플러그인: Health Check&Troubleshooting | 플러그인 충돌 테스트

    워드프레스 플러그인 충돌 테스트를 위해 모든 플러그인을 직접 비활성화하면 방문자에게 사이트가 깨져 보일 수 있습니다. 이때 사이트는 그대로 유지하고 관리자만 테스트할 수 있는 Health Check & Troubleshooting 플러그인을 사용할 수 있습니다. ✅ Health Check&Troubleshooting 플러그인 설치 플러그인 명을 검색해서 플러그인 충돌 테스트를 해야 한다면 먼저 플러그인을 설치합니다. ✅ 플러그인 충돌 테스트 관리자 페이지…

  • 워드프레스 백업 및 복원 3가지 방법

    워드프레스 웹사이트를 운영하다 보면, 예상치 못한 오류나 변경 사항으로 인해 사이트를 이전 버전으로 복원해야 하는 상황이 발생할 수 있습니다. 이러한 경우를 대비해 정기적인 백업은 매우 중요합니다. 백업을 수행하는 방법은 크게 세 가지로 나눌 수 있습니다. 첫째, 웹 호스팅 서비스에서 제공하는 자동 백업 기능을 활용하는 방법입니다. 대부분의 호스팅 업체는 일정 주기로 사이트 데이터를 백업하며,…