현재 블루호스트에서 제공하는 워드프레스를 통해 웹사이트를 관리하고 있으며 구글 사이트측정 및 PingDom등을 통해 웹사이트 속도를 측정하면 TTFB 속도가 느리게 나오는데 이문제를 해결하는 방법 5가지와 함께 실제 개선후기에 대한 내용을 담아봅니다.
TTFB란?
노랗 목차
TTFB는 “Time To First Byte”의 약어로, 웹페이지 요청을 보낸 후 첫번째 바이트가 도착하는데 걸리는 시간을 의미합니다. TTFB가 높으면 웹페이지 로딩 시간이 느려지는 문제가 발생할 수 있습니다.
무료플러그인 참고 : 느려진 워드프레스 최적화 Clearfy – SEO 속도개선
유료플러그인 참고 : WP Rocket 플러그인 워드프레스 최적화 후기
웹사이트 TTFB 속도 개선방법 5가지
- 호스팅 업체 변경
- 첫번째로 고려해볼 수 있는 방법은 호스팅 업체를 변경하는 것입니다.
- TTFB 문제의 대부분은 호스팅 서버의 성능 문제로 인해 발생합니다. 따라서 빠르고 안정적인 서버를 제공하는 호스팅 업체를 선택하는 것이 중요합니다.
- 캐싱 플러그인 사용
- 캐싱 플러그인은 워드프레스 웹사이트를 더 빠르게 만들어주는 효과적인 방법입니다.
- 캐싱 플러그인은 웹페이지를 미리 저장해두어 다음에 같은 페이지를 요청할 때 빠르게 제공할 수 있습니다. 따라서 TTFB를 개선하기 위해 캐싱 플러그인을 사용해보는 것이 좋습니다.
- 이미지 최적화
- 이미지는 웹페이지의 무게를 크게 차지하는 요소 중 하나입니다.
- 따라서 이미지 파일을 최적화하여 웹페이지의 무게를 줄이는 것이 TTFB를 개선하는데 효과적입니다.
- 이미지 최적화 플러그인을 사용하거나 이미지 파일의 크기와 해상도를 줄이는 것이 좋으며 PNG와 TIFF와 같은 고화질 이미지는 웹페이지에서 피하느것이 좋습니다.
- 저 같은 경우 JPG를 압축하거나 웹페이지에 최적화 된 Webp 확장자로 이미지를 업로드하느것이 좋습니다.
- CDN 사용
- CDN은 “Content Delivery Network”의 약어로, 전 세계적으로 분산된 서버 네트워크를 이용하여 웹페이지를 더 빠르게 제공하는 기술로서 CDN을 사용하면 웹페이지의 TTFB를 개선할 수 있습니다.
- 하지만 CDN은 대부분 유료로 제공되며 간혹 제트팩에서 무료로 제공된다면 함께 사용해보느것을 권장합니다.
- 그 외에 cloudflare에서도 무료로 CDN 제공할 뿐만 아니라 워드프레스의 트래픽 감소하고 웹페이지 속도를 개선하는 등의 기능을 제공합니다.
- PHP 버전 업그레이드
- PHP는 워드프레스에서 사용되는 언어로, PHP 버전이 낮을수록 TTFB가 높아질 가능성이 있습니다.
- 따라서 PHP 버전을 업그레이드하여 TTFB를 개선하는 것이 좋으며 PHP 버전이 낮다면 보안이 취약해지는 문제도 있기 때문에 늘 최신버전으로 확인하고 업데이트합니다.
워드프레스를 관리하면서 속도는 SEO에 양질의 콘텐츠 만큼이나 중요한 요소로 위 5가지를 기준으로 현재 발생하는 웹사이트 속도를 저하시키는 요소를 확인하고 접속속도를 빠르게 변경할 수 있습니다.
저 같은 경우는 워드프레스 속도가 느려지기 때문에 WP-ROCKET 플러그인과 이미지 압축플러그인은 Imagfy 사용했지만 현재는 사용하고 있지 않으며 수동으로 WEBP 확장자로 이미지를 압축해서 업로드 하고 있습니다.
그 외 티스토리를 사용한다면 호스팅을 다음 카카오에서 직접 관리하기 때문에 호스팅 변경이 힘들기 때문에 할 수 있는것은 애드센스 광고 갯수를 줄이고 가벼운 테마로 변경하는것을 추천합니다.
워드프레스에서 WEBP 확장자를 변경하기 위해서는 플러그인을 사용하는 방법이 있습니다.
- 워드프레스 사이트에 로그인합니다.
- 왼쪽 메뉴에서 “플러그인”을 선택하고 “새로 추가”를 클릭합니다.
- “Plugin name” 검색란에 “WebP Express”를 입력하여 검색합니다.
- 검색 결과에서 “WebP Express” 플러그인을 찾고 “설치” 버튼을 클릭합니다.
- 플러그인이 설치되면 “활성화” 버튼을 클릭합니다.
- 왼쪽 메뉴에서 “설정”을 선택하고 “WebP Express”를 클릭합니다.
- “Basic Settings” 탭에서 “File extensions”를 찾아 “.webp” 대신 사용하고자 하는 확장자를 입력합니다.
- 변경된 확장자를 적용하기 위해 “Save settings” 버튼을 클릭합니다.
위의 단계를 따르면 워드프레스에서 WEBP 확장자를 변경할 수 있습니다. 다만, 변경된 확장자가 이미지 파일의 유효성을 검사하는 과정에서 문제가 발생할 수 있으므로 변경 후에는 정상적으로 이미지가 표시되는지 확인해야 합니다.
구글페이지 속도측정
| 우선순위 | 내용 |
|---|---|
| 높은 | 초기 서버 응답 시간 단축 FCP LCP |
| 높은 | 렌더링 차단 리소스 제거 FCP LCP |
| 중간 낮음 | 콘텐츠 전송 네트워크(CDN) 사용 |
| 중간 낮음 | 모든 리소스에 HTTP/2 사용 |
| 낮은 | 긴 메인 스레드 작업 피하기 미정 |
| 낮은 | 중요한 요청 연결 방지 FCP LCP |
| 낮은 | 수동 리스너를 사용하여 스크롤 성능 향상 |
| 낮은 | 대규모 레이아웃 변경 방지 CLS |
| 낮은 | JavaScript 실행 시간 단축 미정 |
| 낮은 | 사용하지 않는 CSS 줄이기 FCP LCP |
| 낮은 | 최신 브라우저에 레거시 JavaScript 제공 방지 미정 |
| 낮은 | 과도한 DOM 크기 방지 미정 |
| 낮은 | 막대한 네트워크 페이로드 방지 LCP |
| 낮은 | 적절한 크기의 이미지 |
| 낮은 | 효율적인 캐시 정책으로 정적 자산 제공 |
| 낮은 | 여러 페이지 리디렉션 방지 FCP LCP |
| 낮은 | 차세대 형식으로 이미지 제공 |
| 낮은 | 오프스크린 이미지 연기 |
| 낮은 | CSS 축소 FCP LCP |
| 낮은 | 사용하지 않는 JavaScript 줄이기 LCP |
| 해당 없음 | 가장 큰 콘텐츠가 있는 페인트 요소 LCP |
| 해당 없음 | 메인 스레드 작업 최소화 미정 |
| 해당 없음 | 타사 코드의 영향 감소 미정 |
| 해당 없음 | 사용자 타이밍 표시 및 측정 |
여기서 발생하는 무거운플러그인이나 폰트를 불러오거나 이미지압축등을 페이지 로딩에서 지연되는 항목을 찾아 제거하거나 압축하면 페이지 속도가 개선됩니다.
참고 : 워드프레스 TTFB 속도개선 후기