사이트 접속 속도가 느립니다. 어떻게 개선하나요?
💡 요약 정리
- 워드프레스는 동적 처리(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에서 확인하세요.
- WP Super Cache (https://wordpress.org/plugins/wp-super-cache/)
- WP Fastest Cache (https://wordpress.org/plugins/wp-fastest-cache/)
- WP Rocket (https://elementor.com/blog/wp-rocket/)
- W3 Total Cache (https://wordpress.org/plugins/w3-total-cache/)
카페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/)
-
플러그인 설정 페이지에서 사이트 가속기를 활성화합니다.
- Jetpack 관리자 화면에서 Site Accelerator 옵션을 켜는 예시입니다.
-
브라우저 개발자 도구의 Network 탭에서 JavaScript/CSS 자원 로드를 확인합니다.
