대부분의 WordPress 속도 문제는 플러그인 문제가 아니라 구성 문제입니다
Source: Dev.to
많은 워드프레스 사이트가 느리게 느껴지는 실제 이유
제가 수행하는 대부분의 감사에서 문제는 드물게 워드프레스 자체에 있습니다. 보통은 다음 요소들의 조합이 원인입니다:
- 서버 잘못된 설정
- 겹치는 성능 플러그인 과다 사용
- 불필요한 마크업을 생성하는 무거운 페이지 빌더
- 최적화되지 않은 이미지와 폰트
- 자산 로딩에 대한 명확한 전략 부재
플러그인은 도움이 될 수 있지만—기본이 제대로 잡힌 뒤에만 효과가 있습니다.
나의 퍼포먼스 스택 (의도적으로 단순하게)
저는 의도적으로 최소화된 구성을 유지합니다.
서버가 먼저: LiteSpeed Web Server
워드프레스 설정을 건드리기 전에 항상 서버를 먼저 살펴봅니다.
LiteSpeed를 사용할 때:
- 올바른 PHP 버전이 중요합니다
- OPcache가 활성화돼 있어야 합니다
- 압축은 서버 레벨에서 수행되어야 합니다
- TTFB 문제는 여기서 대부분 사라집니다
많은 사이트가 워드프레스 플러그인으로 서버 문제를 해결하려고 하는데—이는 거의 효과가 없습니다.
FlyingPress: 강력하지만 올바르게 설정해야 함
FlyingPress는 모든 것을 무시하고 덮어쓰려는 다른 플러그인과 달리 여러분의 설정을 존중하는 몇 안 되는 성능 플러그인 중 하나입니다.
제가 중점 두는 부분:
- 깔끔한 캐시 설정
- 신중한 CSS·JS 처리
- 비핵심 스크립트만 지연 로드
- 레이아웃을 깨뜨릴 수 있는 과도한 옵션 회피
모든 토글을 켜는 것이 사이트를 빠르게 만들지는 않습니다; 각 옵션이 무엇을 하는지 이해하는 것이 중요합니다.
Flying Pages: 속도는 지표만이 아니다
Flying Pages는 점수만 올리는 것이 아니라 사이트 체감 속도를 개선합니다.
사용자가 클릭할 가능성이 높은 링크를 미리 로드함으로써:
- 네비게이션이 즉시 반응하는 느낌을 줍니다
- 페이지가 더 빨리 로드되는 듯 보입니다
- 불필요한 부하 없이 UX가 향상됩니다
체감 성능은 실제 로드 시간만큼 중요합니다.
이미지: WebP, 올바른 스케일링, 지름길 금지
이미지는 눈에 잘 띄지 않게 숨은 가장 큰 성능 문제인 경우가 많습니다.
기본 규칙:
- WebP 포맷 사용
- 적절한 크기의 이미지만 업로드 (과도한 파일 크기 금지)
- 무거운 히어로 이미지 피하기
- 레이아웃 이동을 방지하기 위해 항상 가로·세로 크기 지정
플러그인으로 잘못된 이미지를 고칠 수는 없습니다; 업로드 단계에서 올바르게 처리해야 합니다.
페이지 빌더를 피하는 이유
대부분의 페이지 빌더는 다음을 생성합니다:
- 거대한 DOM 트리
- 불필요한 CSS·JavaScript
- 레이아웃 이동 문제
대신 저는 다음을 사용합니다:
- Gutenberg
- GenerateBlocks
이 조합은 깔끔한 HTML 출력, 최소한의 자산, 성능 저하 없이 완전한 레이아웃 제어를 제공합니다. 페이지 무게 차이가 즉시 눈에 띕니다.
프리메이드 템플릿을 올바르게 활용하기 (Otter Blocks)
프론트 페이지에서는 Otter Blocks 프리메이드 템플릿을 사용했습니다. 프리메이드 템플릿 자체가 문제가 아니라 구현이 부실할 때 문제가 됩니다.
제가 확인하는 점:
- 구조가 깔끔하게 유지되는지
- 스타일링이 최소화됐는지
- 불필요한 스크립트가 로드되지 않는지
신중히 사용한다면 시간은 절약하면서도 성능에 영향을 주지 않습니다.
폰트: 로컬에 두든, 전혀 두든
폰트도 흔히 마주치는 성능 함정입니다.
제 접근법:
- 시스템 폰트 우선 사용
- 커스텀 폰트가 필요하면 → 로컬에 호스팅
- 실제 사용되는 폰트 굵기만 로드
- 렌더링을 차단하는 폰트 요청 회피
이만으로도 첫 페인트와 CLS를 크게 개선할 수 있습니다.
Cloudflare: 네트워크 레벨 문제 해결
Cloudflare는 워드프레스가 해결하기 어려운 부분을 보완합니다:
- CDN 제공
- DNS 속도 향상
- 전 세계 지연 최소화
올바르게 설정하면 LiteSpeed와 원활히 연동되어 추가 플러그인 없이 강력한 성능 레이어를 제공합니다. 다시 말해—도구보다 설정이 더 중요합니다.
이 접근법이 장기적으로 효과적인 이유
이 구성은 꾸준히 다음을 제공합니다:
- 실제 사용자 기준 빠른 로드 시간
- 낮은 레이아웃 이동(Low CLS)
- 업데이트 후에도 안정적인 성능
- 몇 달마다 깨지는 일이 없는 사이트
가장 중요한 것은 탄탄한 기본 위에 구축되었기 때문에 사이트가 지속적으로 빠르게 유지된다는 점입니다.
위 차트는 제 포트폴리오 사이트들보다 높은 수치를 보여줍니다. 많은 분들이 제 자신의 사이트 속도 테스트를 왜 안 보여주는지 물어봐서 실시간 속도 테스트를 추가했습니다.
마무리 생각
워드프레스 성능은 다음과 관련이 없습니다:
- ❌ 플러그인 더 많이 설치하기
- ❌ 완벽한 Lighthouse 점수만 쫓기
- ❌ 뭔가 느려질 때마다 도구를 바꾸기
오히려 다음과 관련이 있습니다:
- ✅ 스택을 이해하기
- ✅ 깔끔한 아키텍처 선택하기
- ✅ 이미 가지고 있는 것을 올바르게 설정하기
설정이 올바르면 플러그인은 보조 도구가 될 뿐, 임시방편이 아닙니다.
Author Note
저는 워드프레스 성능 최적화, 블록 기반 클린 빌드, 서버 레벨 튜닝을 정기적으로 수행합니다. 실제 워크플로와 사례 연구는 제 포트폴리오에서 확인할 수 있습니다.