홈페이지 디자인이나 콘텐츠에는 신경을 많이 쓰면서, 정작 “워드프레스 로딩속도”는 나중 문제로 미루는 경우가 많습니다. 그런데 방문자는 3초 안에 페이지가 안 뜨면 절반 이상이 그냥 나가버립니다. 아무리 좋은 콘텐츠를 만들어도, 워드프레스 로딩속도가 느리면 보여줄 기회 자체가 사라지는 셈입니다.
저희도 GeneratePress로 다다솔 블로그를 운영하면서 직접 하나씩 점검해온 항목들이 있습니다. 이번 글에서는 워드프레스 홈페이지, 특히 GeneratePress 테마 기준으로 실제 적용 가능한 로딩속도 개선 체크리스트를 정리했습니다.
워드프레스 로딩속도를 개선하기 위한 방법을 설명하겠습니다.
워드프레스 로딩속도를 최적화하는 방법은 다양합니다.
시작 전에: 내 사이트 속도부터 확인하기
워드프레스 로딩속도 최적화 방법
체크리스트를 보기 전에, 먼저 현재 상태를 숫자로 확인하는 게 순서입니다.
- Google PageSpeed Insights — 모바일/PC 점수와 함께 구체적인 개선 항목을 알려줍니다
- GTmetrix — 페이지 로딩 과정을 워터폴 그래프로 보여줘서 어떤 요소가 느린지 확인하기 좋습니다
이 두 곳에서 나온 점수와 지적 항목을 기준으로, 아래 체크리스트를 하나씩 적용해보시면 됩니다.
1. 이미지부터 손보기 (가장 효과 큼)
로딩 속도를 늦추는 가장 큰 원인은 대부분 이미지입니다. 스마트폰으로 찍은 원본 사진이나 고화질 배너 이미지를 그대로 업로드하면, 파일 하나가 몇 MB씩 되는 경우가 흔합니다.
체크할 것
- 업로드 전에 이미지를 WebP 형식으로 변환했는가 (같은 화질에 용량은 훨씬 작음)
- 실제 화면에 보이는 크기보다 훨씬 큰 원본을 그대로 올리고 있지 않은가 (예: 800px면 충분한데 4000px 원본 업로드)
- Lazy Load(화면에 보일 때만 이미지 로딩)가 적용되어 있는가
LiteSpeed Cache 플러그인을 쓰고 계시다면, 플러그인 내 “이미지 최적화” 메뉴에서 WebP 변환과 Lazy Load를 한 번에 설정할 수 있습니다.
2. 캐시 플러그인 제대로 설정하기
캐시는 “한 번 만든 페이지를 저장해뒀다가, 다음 방문자에게는 다시 만들지 않고 바로 보여주는” 기능입니다. 설치만 하고 기본값 그대로 두는 경우가 많은데, 몇 가지는 직접 켜줘야 합니다.
체크할 것
워드프레스 로딩속도를 향상시키기 위한 캐시 플러그인 설정 방법을 알아보겠습니다.
- 페이지 캐시가 활성화되어 있는가
- 브라우저 캐시(재방문 시 다시 안 받아도 되는 리소스)가 설정되어 있는가
- CSS/JS 파일 최소화(Minify) 옵션이 켜져 있는가
워드프레스 로딩속도를 개선하기 위해 몇 가지 체크리스트를 점검해보세요.
LiteSpeed Cache 기준으로는 캐시 → 캐시 탭에서 페이지 캐시를 켜고, 페이지 최적화 → CSS/JS 설정에서 최소화 옵션을 켜주시면 됩니다. 다만 최소화 옵션을 켠 뒤에는 사이트가 깨지지 않는지 꼭 눈으로 확인하셔야 합니다. 테마나 플러그인 조합에 따라 레이아웃이 틀어지는 경우가 있습니다.
3. 폰트 로딩 방식 점검하기
한글 폰트를 커스텀으로 적용하신 경우, 이게 로딩 속도에 생각보다 큰 영향을 줍니다. 한글 폰트 파일은 영문 폰트보다 용량이 훨씬 크기 때문입니다.
체크할 것
- 폰트 파일이 WOFF2 형식인가 (TTF보다 용량이 작음)
font-display: swap속성이 적용되어 있는가 (폰트 로딩 중에도 텍스트가 안 보이지 않고 기본 폰트로 먼저 보임)- 실제로 쓰는 폰트 굵기(Weight)만 불러오고 있는가 (Bold, Regular 등 안 쓰는 굵기까지 다 불러오면 낭비)
폰트 로딩 방식이 워드프레스 로딩속도에 미치는 영향을 이해해야 합니다.
FTP로 폰트를 직접 올려서 @font-face로 적용하셨다면, CSS에 font-display: swap;이 들어가 있는지 한 번 확인해보시길 권합니다.
4. 안 쓰는 플러그인 정리하기
플러그인이 많아질수록 사이트가 무거워집니다. 특히 설치만 해두고 비활성화 상태로 방치된 플러그인도 관리 화면 로딩에는 영향을 줍니다.
체크할 것
- 지금 안 쓰는 플러그인은 비활성화가 아니라 삭제했는가
- 비슷한 기능(예: SEO 플러그인 2개)을 중복으로 쓰고 있지 않은가
- 슬라이더, 팝업처럼 화려하지만 무거운 플러그인을 꼭 필요한 곳에만 쓰고 있는가
5. GeneratePress 자체 장점 활용하기
GeneratePress는 기본적으로 가벼운 테마라 로딩속도 면에서 유리한 출발선에 있습니다. 다만 여기에 무거운 페이지 빌더나 요소를 과하게 얹으면 이 장점이 사라집니다.
워드프레스 로딩속도를 향상시키기 위해 플러그인을 정리하는 것이 중요합니다.
체크할 것
- GenerateBlocks처럼 테마와 궁합이 좋은 가벼운 블록을 쓰고 있는가
- 불필요하게 무거운 애니메이션이나 이펙트를 과하게 넣고 있지 않은가
- 히어로 이미지(메인 배너) 용량이 과하게 크지 않은가
정리: 오늘 바로 할 수 있는 것부터
전부 한 번에 적용하려면 부담스러우니, 이 순서로 시작해보시길 권합니다.
- PageSpeed Insights로 현재 점수 확인
- 메인 화면에 있는 큰 이미지부터 WebP로 교체
- 캐시 플러그인 페이지 캐시 켜기
- 안 쓰는 플러그인 삭제
- 다시 PageSpeed Insights로 점수 비교
한 가지씩 바꾸고 점수를 비교하면, 어떤 항목이 우리 사이트에 실제로 효과가 있었는지 감이 잡힙니다.