본문으로 건너뛰기

사이트 접속 속도가 느립니다. 어떻게 개선하나요?

💡 요약 정리

  • 워드프레스는 동적 처리(PHP, DB)와 브라우저 렌더링 모두가 속도에 영향을 줍니다.
  • 가장 효과적인 방법은 페이지 캐시 적용, CDN 사용, CSS/JS 최소화, DB 최적화입니다.
  • 카페24 매니지드 워드프레스/10G 광호스팅 자동설치 시 WP Super Cache가 자동 설치됩니다.
  • 이미지 크기 최적화와 불필요한 테마/플러그인 정리도 속도 개선에 도움됩니다.
  • Google PageSpeed로 성능을 측정하며 개선 항목을 반복 적용하세요.

워드프레스는 PHP 애플리케이션 기반의 MySQL(MariaDB)을 사용하는 CMS입니다. 다양한 기능과 확장성만큼 서버·클라이언트에 부담이 될 수 있습니다. 서버에서 동적 데이터를 처리해 페이지를 만들고, 클라이언트(브라우저)에서 이를 받아 화면에 출력하기까지의 시간을 줄이는 노력이 필요합니다. 아래 방법으로 접근 속도를 개선하세요.

1. 페이지 캐싱 사용

워드프레스 사이트에 접속하면, 서버에서는 PHP가 실행되고 HTML 페이지를 만들기 위해 많은 데이터를 조립합니다. 단일 페이지라도 매번 이 과정을 거치면 서버 부담과 응답 지연이 발생합니다.

캐시 플러그인은 완성된 페이지를 서버에 HTML 형태로 저장해, 이후 요청에서는 일부 동적 처리를 건너뛰게 합니다. 그 결과 서버 부하가 줄고 응답 속도가 빨라집니다.

## wp-super-cache 캐시파일 생성의 예.
## wp-contents/cache/supercache 경로 하위에 html 포맷형식으로 생성

$ pwd
/home/hosting_users/USERID/www/wp-content/cache/supercache/USERID.cafe24.com

$ head index.html
<!DOCTYPE html>
<html lang="ko-KR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
..............

대표적인 캐시 플러그인(기본 무료 제공, 고급 기능은 유료 제공 가능)은 다음과 같습니다. 자세한 사용 방법은 각 URL에서 확인하세요.

카페24 매니지드 워드프레스, 10G 광호스팅에서 워드프레스 자동 설치 시 WP Super Cache가 자동 설치됩니다. 관리자 패널에서 동적 데이터 처리 및 캐시 파일 재생성 주기를 직접 설정할 수 있습니다.


2. CDN(Contents Delivery Network) 서버 활용

외부 CDN을 사용하면 다음과 같은 이점이 있습니다.

  • 클라이언트와 가까운 CDN 엣지 서버에서 정적 데이터를 제공하므로 응답 속도가 향상됩니다.
  • 웹서버 대신 CDN 트래픽을 사용하여 서버 트래픽 부담을 줄일 수 있습니다.
  • 접속자가 많아져도 CDN이 정적 파일을 처리하므로 원 서버 부하가 완화됩니다.

JPG, PNG, CSS, JavaScript, WOFF 등 정적 데이터를 CDN에서 처리하도록 하면 위 이점을 얻을 수 있습니다. wordpress.org에도 다양한 CDN 플러그인이 있으며, 예를 들어 Jetpack은 간단한 설정으로 JavaScript/CSS 같은 정적 데이터를 CDN 캐시에서 로드합니다.

Jetpack 사이트 엑셀레이터 설정 예 (https://jetpack.com/support/site-accelerator/)

  1. 플러그인 설정 페이지에서 사이트 가속기를 활성화합니다.

    Jetpack 사이트 가속기 활성화 설정 화면
    • Jetpack 관리자 화면에서 Site Accelerator 옵션을 켜는 예시입니다.
  2. 브라우저 개발자 도구의 Network 탭에서 JavaScript/CSS 자원 로드를 확인합니다.

    개발자 도구 Network 탭에서 정적 자원 로드 확인
    • 정적 파일이 어디에서 제공되는지(도메인, 응답 시간)를 확인합니다.
  3. 웹서버 대신 c0.wp.com 등 CDN 서버 자원을 사용함을 확인합니다.

    CDN 도메인(c0.wp.com)에서 정적 자원 제공 확인
    • 정적 자원이 CDN 도메인에서 서빙되는지 확인합니다.
  4. Jetpack 사이트 가속화 주의사항

    • CDN에 한 번 업로드된 미디어 파일은 만료 시점이 없으며, 한 번 캐싱된 파일은 재생성되지 않습니다.
    • 변경이 필요할 때는 파일명을 새로 바꿔 업로드해야 갱신됩니다.
    • 이미지 파일은 80, 443 포트로 제공되는 jpg, png, gif, webp만 해당합니다.
    • 특정 픽셀 이상의 초대형 이미지는 지원하지 않습니다.

3. CSS/JavaScript 최적화

CSS, JavaScript 같은 정적 파일도 최적화가 필요합니다. 불필요한 줄바꿈, 블록 구분 기호, 공백을 제거하여 파일 크기와 트래픽을 줄이면 속도 개선에 도움이 됩니다.

Autoptimize 플러그인으로 CSS/JS 최적화 설정 화면
  • Autoptimize의 CSS/JS 최적화(압축/합치기) 설정 예시입니다.
## js minify 파일 생성의 예
# pwd
/USERID/www/wp-content/cache/autoptimize/js

# head autoptimize_single_ed3b4417df0895e4cf8465d32b69adc6.js
!function(){"use strict";if("object"==typeof window)if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype)"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});else{var t=function(t){for(var e=window.document,o=i(e);o;)o=i(e=o.ownerDocument);return e}

4. DB 최적화

워드프레스 사용이 길어질수록 DB에 불필요한 레코드가 누적되거나, wp_posts 테이블의 revision 레코드가 쌓여 전체 속도에 영향을 줄 수 있습니다. DB 쿼리에 익숙하다면 직접 정리할 수 있지만, 플러그인으로 간편하게 최적화하는 방법이 있습니다.

  • 대표 플러그인: WP-Optimize, WP-Sweep
  • 무료 버전으로도 기본 최적화에 무리가 없습니다.
  • WP-Optimize는 DB 최적화 외에 이미지 파일, CSS/JS minify 등 정적 데이터 최적화 기능도 제공합니다.
  • DB 최적화 전에는 반드시 전체 백업을 진행하세요.
WP-Optimize 플러그인의 DB 최적화 화면 예시
  • 테이블 청소, 리비전 삭제 등 선택적 최적화가 가능합니다.

5. 추가 최적화 팁

  • 이미지 크기를 적절히 줄여 과도한 트래픽을 방지하세요.
  • 사용하지 않는 테마와 플러그인은 삭제하세요.
  • 지나치게 동적인 페이지 구성은 브라우저에 부담이 되므로 피하세요.
  • Google PageSpeed로 성능을 측정하고 권장 사항을 반영하세요.