사이트가 느려지기 시작한 순간
저는 처음 워드프레스를 설치해 블로그를 운영하기 시작했을 때만 해도 속도는 전혀 신경 쓰지 않았습니다. 테마를 고르고, 플러그인을 설치하고, 글을 작성하는 일에만 집중했죠. 그런데 어느 날부터인가 사이트가 유난히 느리다는 느낌을 받기 시작했습니다. 클릭 후 화면이 뜨기까지 5초 이상 걸리는 경우도 있었고, 모바일에서는 로딩 중에 방문자가 이탈하는 현상까지 나타났습니다. 이게 구글 순위에도 문제가 되는게, 로딩 속도가 느려지고부터 상위권에 있던 순위가 점점 내려가는 것이었습니다. 글을 아무리 수정해봐도 다시 올라가지 않고 순위가 더 떨어져 스트레스를 받고 있었는데, 이때 생각난 것이 모바일 속도 최적화였습니다. 그래서 오늘 포스팅은 나의 웹사이트 속도를 어떻게 올릴 것인지 저의 경험을 바탕으로 글을 적어보도록 하겠습니다.
속도 측정 도구로 원인 파악하기
정확한 원인을 파악하기 위해 저는 속도 측정 도구를 활용했습니다. GTmetrix와 Google PageSpeed Insights를 사용해본 결과, 성능은 생각보다 심각했습니다.
- LCP(가장 큰 콘텐츠가 보이기까지의 시간): 4.5초
- FCP(첫 콘텐츠 표시 시간): 3.7초
- 전체 페이지 크기: 약 3.2MB
- 요청 수: 110건 이상
요약하자면, 이미지 최적화가 전혀 되어 있지 않았고, 캐시 설정이 없었으며, 플러그인과 테마가 너무 무거운 구조였습니다. 아마 여러분도 저와 같은 경험이 있어서 이 글을 검색하지 않았나 싶은데요, 쉽게 해결할 수 있는 방법을 알려드리겠습니다.
캐시 플러그인으로 기본 최적화
가장 먼저 시도한 것은 캐시 플러그인 설치였습니다. 다양한 플러그인을 비교해 본 결과, 저는 초보자도 쉽게 사용할 수 있는 WP Fastest Cache를 선택했습니다. 설치 후에는 다음과 같은 설정을 적용했습니다.
- HTML 압축
- Gzip 압축
- 브라우저 캐시 사용
- 캐시 자동 생성
이 설정만으로도 사이트의 기본적인 속도는 어느 정도 향상되었고, 체감 성능도 눈에 띄게 좋아졌습니다.
이미지 최적화로 용량 줄이기
다음으로 집중한 부분은 이미지였습니다. 고화질 이미지를 아무런 압축 없이 업로드했던 것이 문제였습니다. 사진 파일 하나당 3메가 정도 했으니 웹에서 보기엔 너무 무거운 파일이었고, 사이즈도 3000픽셀 이상이어서 필요없이 큰 파일을 그대로 업로드한 것이었죠.
제가 본 초보자들은 저와 같은 경험이 많을 걸로 생각됩니다. 눈으로 보기엔 다 똑같은 이미지이기 때문에 초보자들은 별 생각이 없지만 아주 중요한 요소입니다. 사진 사이즈를 줄이고 압축해서 최적화시켜야 합니다.
저는 먼저 모든 이미지를 TinyPNG를 통해 압축했고, 이후에는 WebP Express 플러그인을 사용해 웹 최적화 포맷인 WebP로 자동 변환되도록 설정했습니다.
그 결과, 페이지 용량은 3.2MB에서 1.1MB로 줄었고, 로딩 속도도 확연히 빨라졌습니다.
사용하지 않는 플러그인 정리
그동안 설치한 플러그인이 20개가 넘었는데, 실질적으로 사용하는 건 절반도 되지 않았습니다. 워드프레스를 처음 설치하고 사용하다 보면 유용한 플러그인이라 생각하는 여러 플러그인들을 설치하게 됩니다. 사용하지도 않는데 설치되어있는 플러그인도 많구요, 비활성화만 해두고 방치한 플러그인들도 많았는데, 이 역시 속도 저하의 원인이 된다는 것을 알게 되었습니다.
그래서 과감히 사용하지 않는 플러그인은 모두 삭제하고, 꼭 필요한 플러그인만 남겨두었습니다.
클라우드플레어 적용으로 한 단계 업그레이드
속도 향상을 위해 CDN도 활용했습니다. 저는 Cloudflare 무료 플랜을 선택해 사이트에 연결했습니다. DNS 캐싱, 자동 이미지 압축, 브라우저 캐시 TTL 설정 등을 통해 속도 최적화를 한 단계 더 끌어올릴 수 있었습니다.
PageSpeed Insights 기준으로 모바일 점수는 75점에서 91점으로, 데스크탑 점수는 89점에서 98점까지 상승했습니다. 클라우드플레어는 무료이기 때문에 꼭 사용해보시길 추천합니다.
테마 변경의 효과
마지막으로 테마를 교체했습니다. 이전에 사용하던 테마는 디자인은 예뻤지만, 코드가 무겁고 불필요한 자바스크립트가 많았습니다. 그래서 속도 최적화에 특화된 GeneratePress로 바꾸었습니다.
테마 변경 이후에는 불필요한 코드가 줄고, 레이아웃이 가벼워져 사이트 전체가 부드럽게 동작하게 되었습니다. 또한 제너레이트프레스는 제너레이트블럭과 최적의 조합으로 사이트 꾸미기가 쉽습니다. 또한 제가 사용해본 결과 엘리멘토 플러그인은 무겁고, 사이트가 느려진 반면에 제너레이트블럭은 사용하기 간편하며 속도에 지장을 주지 않았습니다. 웬만한 기능은 거의 다 구현할 수 있어 적극 추천합니다.
속도 개선 전후 비교
최종적으로 속도 개선 전과 후를 비교해보면 다음과 같습니다.
| 항목 | 개선 전 | 개선 후 |
|---|---|---|
| 전체 로딩 시간 | 4.5초 | 1.2초 |
| 페이지 크기 | 3.2MB | 1.1MB |
| 요청 수 | 110건 | 53건 |
| PageSpeed 점수 | 모바일 75점 | 모바일 91점 |
마무리하며 – 속도는 선택이 아니라 필수입니다
워드프레스는 설정만 잘하면 빠르고 쾌적한 사이트를 운영할 수 있는 강력한 플랫폼입니다. 저 역시 처음에는 속도 개선에 대해 아무것도 몰랐지만, 하나씩 직접 겪고 해결해보며 많은 것을 배웠습니다.
방문자의 시간을 절약하는 블로그는 신뢰를 얻습니다. 로딩이 빠른 블로그는 자연스럽게 체류 시간도 길어지고, 검색 엔진에서도 더 좋은 평가를 받게 됩니다. 만약 지금 워드프레스 사이트 속도 때문에 고민 중이시라면, 위의 과정을 하나씩 적용해보시길 권해드립니다.
제가 실제 사용했던 위 방법으로 제 홈페이지를 개선한 결과 속도도 매우 빨라졌고, 가장 중요한건 검색 결과 순위가 원래대로 복귀되었다는 것입니다. 웹페이지 속도는 검색 결과에도 중요한 부분이니 꼭 확인하셔서 적용해보시기 바랍니다.