현재 블루호스트에서 제공하는 워드프레스를 통해 웹사이트를 관리하고 있으며 구글 사이트측정 및 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 속도개선 후기