[LiteSpeed Cache] PageSpeed Insights 성능향상!

Last Updated: 2025년 07월 29일

여러가지 Cache 플러그인을 사용하면서 PageSpeed Insights 성능 점수가 제대로 나오지 않았는데, LiteSpeed Cache 를 사용하면서 점수가 엄청나게 잘 나오네. 성능향상을 위한 설정을 정리한다.

[2025.07.22] Cloudflare 에서 DNS 설정의 “A, AAAA, CNAME” 을 “프록싱됨”에서 “DNS 전용” 으로 변경하니까 활성화됨.

LiteSpeed Cache 설치와 QUIC.cloud

• 2025.7.21 현재 버전은 v7.2 이다. QUIC.cloud 온라인 서비스가 필수는 아닌데 자꾸 활성화를 하려고 하면 클라우드 오류가 발생한다. 천천히 살펴봐야겠다.

LiteSpeed Cache 일반 설정

• [2] 일반 설정
  – 자동 업그레이드 : 끄기 (켜기로 수정, 사용자 취향)
  – 게스트 모드 : 켜기
  – 게스트 최적화 : 켜기 (끄기로 수정)
  – 서버 IP :
  – 알림 : 끄기 (켜기로 수정, 사용자 취향)
• [3] 튜닝 : 따로 설정할 부분이 없다.

LiteSpeed Cache 캐시 설정

• [1] 캐시
  – 캐시 사용 : 켜기
  – 로그인한 사용자 캐시 : 끄기
  – 댓글 캐시 : 끄기 (켜기로 수정)
  – REST API 캐시 : 켜기
  – 로그인 페이지 캐시 : 켜기
  – 모바일 캐시 : 끄기
• [3] 제거
  – 업그레이드 시 모두 제거 : 켜기
  – 부실 서비스 : 끄기
• [4] 제외
  – URI 캐시 안 함 : /ads.txt, /sitemap_index.xml, /feed/, /robots.txt 등을 입력한다. (한줄에 하나씩)
• [6] 객체
  – 객체 캐시 : 끄기 (일단 사이트가 작아서 끄기를 했다…)
  – 영구 연결 : 켜기
  – WP-Admin 캐시 : 끄기
  – 임시 저장 : 켜기
• [7] 브라우저
  – 브라우저 캐시 : 켜기
• [8] 고급
  – HTTP/HTTPS 호환성 개선 : 끄기
  – 즉시 클릭 : 끄기 (렌더링 차단 요청 때문에 끄기)

LiteSpeed Cache 이미지 최적화

• [2] 이미지 최적화 설정
  – 자동 요청 크론 : 켜기
  – 원본 이미지 최적화 : 켜기
  – 원본 백업 제거 : 끄기
  – 무손실 최적화 : 켜기
  – EXIF/XMP 데이터 보존 : 켜기 (끄기로 수정, 사용자 취향)
  – 차세대 이미지 형식 : WebP
  – 추가 srcset을 위한 WebP/AVIF : 켜기 (끄기로 수정)

LiteSpeed Cache 페이지 최적화

• [1] CSS 설정
  – CSS 축소 : 켜기
  – CSS 결합 : 끄기
  – UCSS 생성 : 끄기 (켜기로 수정, 확인 필요)
  – UCSS 인라인 : 끄기 (켜기로 수정, 확인 필요)
  – CSS 외부 및 인라인 결합 : 끄기 (켜기로 수정, 확인 필요)
  – 비동기적으로 CSS 로드 : 끄기
  – URL당 CCSS : 끄기
  – 인라인 CSS 비동기 라이브러리 : 끄기 (켜기로 수정, 확인 필요)
  – 글꼴 표시 최적화 : Swap
• [2] JS 설정
  – JS 축소 : 켜기
  – JS 결합 : 끄기
  – JS 결합 외부 및 인라인 : 끄기
  – 지연된 JS 로드 : 지연 (두번째꺼)
• [3] HTML 설정
  – HTML 축소 : 켜기
  – DNS 프리페치 제어 : 켜기 (끄기로 수정, 확인 필요)
  – 쿼리 문자열 제거 : 끄기 (켜기로 수정, 확인 필요)
  – 구글 글꼴 비동기 로드 : 끄기
  – 구글 글꼴 제거 : 끄기 (켜기로 수정)
  – 워드프레스 이모티콘 제거 : 켜기
  – 노스크립트 태그 제거 : 끄기 (켜기로 수정)
• [4] 미디어 설정
  – 지연 로드 이미지 : 켜기
  – 반응형 프레이스 홀더 : 켜기
  – LQIP 클라우드 생성기 : 켜기
  – LQIP 품질 : 4
  – 백그라운드에서 LQIP 생성 : 켜기
  – 지연 로드 이프레임 : 켜기
  – 누락된 크기 추가 : 켜기
• [5] VPI
  – 뷰포트 이미지 : 켜기
  – 뷰포트 이미지 크론 : 켜기
• [7] 현지화
  – 그라바타 캐시 : 켜기 (끄기로 수정)
  – 그라바타 캐시 크론 : 켜기
  – 리소스 현지화 : 켜기 (끄기로 수정, 광고가 표시되지 않아서 테스트중)
  – 현지화 파일: 아래 코드를 참고 (충분히 테스트해보길 바람!)

### CDNs ###
https://ajax.aspnetcdn.com
https://ajax.cloudflare.com/
https://ajax.googleapis.com/ajax/
https://cdn.jsdelivr.net/
https://cdnjs.com/
https://cdnjs.cloudflare.com/
https://code.jquery.com/
https://maxcdn.bootstrapcdn.com/
https://netdna.bootstrapcdn.com/
https://oss.maxcdn.com/
https://stackpath.bootstrapcdn.com/

### Popular Scripts ###
https://maps.google.com/maps/api/js
https://maps.googleapis.com/maps/api/js
https://pagead2.googlesyndication.com/pagead/js
https://platform-api.sharethis.com/js/
https://s7.addthis.com/js/
https://stats.wp.com/
https://ws.sharethis.com/button/
#https://www.google.com/recaptcha/api.js
#https://www.google-analytics.com/analytics.js
#https://www.googletagmanager.com/gtag/js
#https://www.googletagmanager.com/gtm.js
#https://www.googletagservices.com/tag/js/gpt.js
https://connect.facebook.net/signals/config/

LiteSpeed Cache 데이터베이스 최적화

• [2] DB 최적화 설정
  – 수정본 최대 개수 : 4
  – 수정본 최대 수정일 : 120

LiteSpeed Cache 캐시 크롤러

• [4] 설정
  – 크롤러 : 끄기 (켜기로 수정)
  – 사용자 정의 사이트맵 : https://narrator.kr/wp-sitemap.xml
  – 서버 로드 제한 : 1

LiteSpeed Cache 캐시 도구 상자

• [4] 하트비트
  – 프론트엔드 하트비트 제어 : 켜기
  – 프론트엔드 하트비트 TTL : 0
  – 백엔드 하트비트 제어 : 켜기
  – 백엔드 하트비트 TTL : 0
  – 편집기 하트비트 : 켜기
  – 편집기 하트비트 TTL : 120

---

요약: 최적의 LiteSpeed Cache 구성

• LiteSpeed Cache 는 단순한 페이지 캐싱 플러그인이 아니라 서버 응답부터 프론트엔드 렌더링까지 모든 것을 다루는 풀스택 최적화 시스템이다. 올바르게 구성하면 로드 시간을 획기적으로 줄이고, Core Web Vitals 점수를 높이며, 사용자와 검색 엔진 모두의 경험을 개선할 수 있다.
• 사전 설정으로 시작을 하자. “표준” 사전 설정을 기반으로 한 다음 사용자 설정을 하자!
• 캐시를 올바르게 사용하자. 모든 공개 콘텐츠는 캐시하되, 로그인/장바구니/체크아웃/사용자 대시보드와 같은 동적 페이지는 항상 제외한다.
• 게스트 모드를 활성화한다.
• QUIC.cloud CDN을 사용하자.
• 이미지 최적화를 하자. WebP와 지연 로딩을 사용하고, 백그라운드에서 이미지 최적화를 자동으로 실행한다.
• 페이지 최적화를 조정하자. JS/CSS를 최소화하고, 지연 테마와 플러그인을 사용하여 테스트하자.
• 데이터베이스 정리를 하자. 매주 정리 작업을 통해 불필요한 데이터를 제거하고 백엔드 작업 속도를 높이자.
• 크롤러를 사용하자. 캐시를 미리 생성하여 지속적으로 빠른 성능을 제공하자.