[Day 19] 0.1초의 전쟁: 사이트 속도가 돈이다 (캐시 플러그인)

구글은 공식적으로 선언했습니다.
“속도가 느린 사이트는 검색 순위를 떨어뜨리겠다.”

검색 순위뿐만이 아닙니다. 사용자 경험(UX) 측면에서도 속도는 치명적입니다.
여러분이 클릭했는데 화면이 하얗게 멈춰 있다면 기다려주시나요? 바로 나가버리죠.
오늘은 돈 안 들이고 블로그를 가볍게 만드는 [속도 최적화] 기술을 적용합니다.


페이지 로딩 속도가 느려질수록 이탈률이 급증하는 상관관계 그래프

1. 내 블로그 건강검진: PageSpeed Insights

병원에 가기 전에 체온부터 재야 합니다.
구글이 제공하는 무료 도구로 내 블로그의 속도를 측정해 보세요.

[진단 방법]

  1. 구글에 PageSpeed Insights 검색.
  2. 내 블로그 주소(URL) 입력 후 [분석] 클릭.

[결과 해석]

  • 모바일 점수: 50점만 넘어도 준수합니다. (워드프레스는 무거워서 90점 넘기 힘듭니다.)
  • LCP (최대 콘텐츠 렌더링): 가장 큰 이미지가 뜨는 시간. 2.5초 이내여야 합격입니다.

만약 빨간불(나쁨)이 떴다면, 지금부터 처방전을 써드립니다.

2. 마법의 기술: 캐시(Cache)란 무엇인가?

속도를 올리는 가장 쉬운 방법은 ‘캐시’를 켜는 것입니다.
원리는 간단합니다.

  • 캐시 없음 (No Cache): 손님이 올 때마다 주방장이 요리를 새로 만듭니다. (느림)
  • 캐시 있음 (Cache On): 미리 만들어둔 도시락을 바로 꺼내 줍니다. (빠름)

서버가 매번 페이지를 계산하지 않고, 미리 만들어둔 ‘복사본(HTML)’을 방문자에게 던져주는 방식입니다.
이것만 해도 서버 반응 속도가 획기적으로 줄어듭니다.

웹사이트 캐시(Cache) 작동 원리 요리사와 자판기 비유 일러스트

3. [실전] 무료 캐시 플러그인 추천 & 설정

워드프레스에는 수많은 최적화 플러그인이 있습니다.
유료(WP Rocket)가 좋긴 하지만, 초보자는 무료로도 충분합니다.

추천 1: WP Fastest Cache (가장 쉬움)

  • 특징: 설정이 체크박스 형태로 되어 있어 직관적입니다.
  • 설정법:
    1. 플러그인새로 추가WP Fastest Cache 검색 및 설치.
    2. 설정 메뉴 진입 → [Enable] 체크.
    3. Minify HTML, Minify CSS (코드 압축) 체크.
    4. Gzip Compression (전송 압축) 체크.
    5. [Submit] 클릭.

추천 2: LiteSpeed Cache (서버 호환성 최강)

  • 특징: 호스팅어(Hostinger) 등 라이트스피드 서버를 쓰는 경우 필수입니다.
  • 기능: 이미지 최적화 기능까지 포함된 올인원 툴입니다.
  • 주의: 설정이 복잡하므로, 기본 셋팅(Preset)을 활용하세요. Presets 메뉴에서 Advanced(Recommended)를 선택하면 됩니다.

4. [Day 19] 오늘의 과제: 다이어트

오늘의 미션은 ‘삭제’‘설치’입니다.

[Action Plan]

  1. [ ] Check: PageSpeed Insights로 내 점수 캡처해두기 (Before).
  2. [ ] Install: 위에서 추천한 캐시 플러그인 중 하나를 설치하고 활성화하기.
  3. [ ] Re-Check: 다시 속도를 측정하고 점수가 올랐는지 확인하기 (After).

[PM의 조언]
플러그인을 여러 개 깐다고 빨라지는 게 아닙니다.
캐시 플러그인은 딱 하나만 써야 합니다. 두 개를 같이 쓰면 서로 충돌해서 사이트가 멈춥니다.

속도는 한 번에 잡히지 않습니다.
오늘 캐시를 켜는 것만으로도 여러분은 상위 20%의 빠른 블로그가 되었습니다.

👉 [관련 글: 내 블로그가 느려졌다면? DB(데이터베이스) 청소로 찌꺼기 제거하는 법]


📚 [워드프레스 30일 로드맵] 시리즈

* 👉 [전체 로드맵 보기: 워드프레스 입문 현실과 30일 계획]

댓글 남기기