워드프레스 초보, 3분 만에 웹사이트 2배 속도 UP! LiteSpeed Cache 설정 꿀팁
케미클라우드 워드프레스 속도 최적화 노하우: LiteSpeed Cache 완벽 설정 가이드
웹사이트 속도는 사용자 경험에 매우 중요한 영향을 미치는데요, 특히 워드프레스 웹사이트의 경우 LiteSpeed Cache 플러그인을 사용하면 속도 최적화를 효율적으로 할 수 있습니다. LiteSpeed Cache는 웹 페이지 내용을 캐시에 저장하여, 사용자가 웹페이지를 재방문할 때 캐시된 내용을 빠르게 보여주는 플러그인입니다. 이번 글에서는 LiteSpeed Cache 플러그인을 설치하고 완벽하게 설정하여 워드프레스 웹사이트 속도를 극대화하는 방법에 대해 자세히 알아보겠습니다.
LiteSpeed Cache 플러그인 설치 및 활성화
LiteSpeed Cache 플러그인을 워드프레스에 설치하기 위해서는 먼저 워드프레스 관리자 화면에 접속해야 합니다. 관리자 화면에 로그인한 후, 왼쪽 메뉴에서 플러그인을 클릭하고 새 플러그인 추가 메뉴를 선택합니다. 플러그인 검색창에 캐시라고 입력하면 LiteSpeed Cache 플러그인이 나타납니다. LiteSpeed Cache 플러그인을 설치하고 활성화 버튼을 클릭하면 플러그인 설치 및 활성화가 완료됩니다.
LiteSpeed 웹 서버 확인
LiteSpeed Cache 플러그인은 LiteSpeed 웹 서버 환경에서 최적의 성능을 발휘합니다. 따라서 현재 워드프레스 사이트가 LiteSpeed 웹 서버에서 운영되고 있는지 확인하는 것이 중요합니다. 워드프레스 관리자 화면에서 도구 메뉴를 선택한 후, 사이트 건강 메뉴로 이동합니다. 정보 탭을 클릭하면 서버 정보를 확인할 수 있는데, 이 곳에서 서버 부분을 통해 웹 서버 종류를 파악할 수 있습니다. LiteSpeed 또는 Litespeed 라고 표시되어 있다면 LiteSpeed 웹 서버를 사용하고 있는 것입니다.
케미클라우드 호스팅과 같이 cPanel을 사용하는 호스팅 환경에서는 일반적으로 LiteSpeed 서버를 지원합니다. 만약 다른 호스팅 환경이거나, 추후 서버 환경을 변경해야 하는 경우에는 사이버패널 등을 직접 설치하여 LiteSpeed 서버를 구축할 수도 있습니다. 사이버패널은 아마존 라이트세일, 벌처와 같은 클라우드 서버에 쉽게 설치할 수 있으며, LiteSpeed 서버를 무료로 사용할 수 있도록 지원합니다.
LiteSpeed Cache 인터페이스 및 퍼지 기능
LiteSpeed Cache 플러그인을 활성화하면 워드프레스 관리자 화면 왼쪽 메뉴에 LiteSpeed Cache 메뉴가 추가됩니다. 이 메뉴를 통해 LiteSpeed Cache 플러그인의 다양한 설정 옵션에 접근할 수 있습니다. 화면 상단에 있는 마름모 모양 아이콘에 마우스를 올리면 LiteSpeed Cache 플러그인의 빠른 실행 옵션들이 나타납니다. 이 옵션들은 주로 캐시된 데이터를 제거하는 기능들로 구성되어 있으며, 오래된 캐시를 삭제하고 최신 캐시를 생성하는 데 사용됩니다.
캐시된 데이터를 제거하는 과정을 퍼지(Purge)라고 부릅니다. 퍼지 옵션을 통해 전체 캐시를 삭제하거나, 특정 페이지 또는 카테고리의 캐시만 선택적으로 삭제할 수 있습니다. 웹사이트를 업데이트하거나 콘텐츠를 변경한 후에는 퍼지 기능을 사용하여 캐시를 삭제하고 최신 정보를 사용자에게 보여주는 것이 중요합니다.
LiteSpeed Cache 사전 설정 및 가져오기/내보내기
LiteSpeed Cache 플러그인의 사전 설정 메뉴는 캐시 설정과 다양한 최적화 설정을 한 번에 적용할 수 있도록 도와줍니다. 총 다섯 가지 사전 설정 옵션이 제공되는데, 오른쪽으로 갈수록 웹사이트와의 충돌 가능성이 높아집니다. 사전 설정 적용 후 웹사이트에 문제가 발생하면 역사 탭에서 이전 설정으로 복원할 수 있습니다.
고급 사전 설정 적용이 일반적으로 추천되지만, 이 설정을 적용한 후에도 몇 가지 추가 설정이 필요할 수 있습니다. 가져오기/내보내기 탭에서는 현재 LiteSpeed Cache 설정을 파일로 내보내거나, 이전에 내보낸 설정 파일을 가져와 적용할 수 있습니다. 이 기능은 설정을 백업하거나, 다른 웹사이트에 동일한 설정을 적용할 때 유용하게 활용될 수 있습니다.
LiteSpeed Cache 일반 설정 및 도메인 키 요청
LiteSpeed Cache 플러그인의 일반 메뉴에서는 기본적인 설정들을 할 수 있습니다. 일반 설정에서 가장 먼저 해야 할 일은 서버 IP 주소를 입력하는 것입니다. 서버 IP 주소는 호스팅 계정 정보나 cPanel 등에서 확인할 수 있습니다. 서버 IP 주소를 입력한 후 변경 사항 저장 버튼을 클릭합니다. 다음으로 도메인 키 요청 버튼을 클릭합니다. 도메인 키는 LiteSpeed Cache 플러그인을 사용하기 위해 필요한 인증 키로, 요청 후 2~3분 정도 기다린 후 페이지를 새로 고치면 도메인 키가 승인되었다는 메시지와 함께 도메인 키가 자동으로 입력됩니다. 만약 도메인 키가 자동으로 입력되지 않았다면 조금 더 기다려보는 것이 좋습니다.
도메인 키가 정상적으로 발급되면 퀵 클라우드 대시보드 방문 버튼이 활성화됩니다. 퀵 클라우드는 LiteSpeed에서 제공하는 CDN 및 이미지 최적화 서비스입니다. 퀵 클라우드 대시보드를 통해 CDN 설정, 이미지 최적화, QUIC 설정 등 다양한 추가 기능을 설정하고 관리할 수 있습니다.
퀵 클라우드 계정 등록 및 이미지 최적화
퀵 클라우드는 CDN, 이미지 최적화 등 워드프레스 웹사이트 성능 향상에 유용한 다양한 서비스를 제공합니다. 퀵 클라우드 대시보드 방문 버튼을 클릭하면 퀵 클라우드 사이트로 이동하며, 계정 등록 절차를 진행할 수 있습니다. 이용 약관에 동의하고 이메일 주소와 비밀번호를 입력하거나, 구글 계정을 이용하여 간편하게 계정을 등록할 수 있습니다.
퀵 클라우드의 이미지 최적화 서비스는 jpg, png 이미지를 최적화하고 WebP 이미지를 자동으로 생성해줍니다. WebP는 jpg, png보다 뛰어난 압축률과 화질을 제공하는 차세대 이미지 포맷으로, 웹사이트 속도 향상에 큰 효과를 볼 수 있습니다. 퀵 클라우드에서 생성된 WebP 이미지는 워드프레스 미디어 라이브러리에 새로운 이미지로 추가되며, 원본 이미지는 퀵 클라우드 사이트에 백업 파일 형태로 보관됩니다. 워드프레스 관리자 화면의 미디어 라이브러리 메뉴에서 각 이미지 우측의 LiteSpeed 최적화 열을 통해 이미지 최적화 상태를 확인할 수 있습니다.
레디스 객체 캐시 활성화
레디스(Redis) 객체 캐시는 자주 사용되는 데이터베이스 데이터를 메모리에 저장하여 데이터베이스 접근 횟수를 줄이고 응답 시간을 획기적으로 단축시키는 기술입니다. 객체 캐시를 활성화하면 웹사이트의 전반적인 속도와 성능을 크게 향상시킬 수 있습니다. 케미클라우드 CPanel을 사용하는 경우, 레디스 객체 캐시를 매우 쉽게 활성화할 수 있습니다.
CPanel에 로그인한 후 툴 섹션에서 소프트웨어 항목을 찾습니다. 소프트웨어 섹션에서 레디스 오브젝트 캐시 메뉴를 선택합니다. 레디스 오브젝트 캐시 설정 화면에서 On 옵션을 선택하고 Submit 버튼을 클릭하면 레디스 객체 캐시가 활성화됩니다. On 옵션이 활성화되면 아래에 고유한 소켓 경로가 표시되는데, 이 경로는 LiteSpeed Cache 플러그인에서 객체 캐시를 설정할 때 필요합니다. 만약 On 옵션을 선택하고 Submit 버튼을 눌렀는데도 활성화되지 않는다면, 툴 섹션의 Select PHP Version 메뉴에서 redis 확장 모듈이 활성화되어 있는지 확인해야 합니다.
LiteSpeed Cache 객체 캐시 설정
레디스 객체 캐시를 활성화한 후에는 LiteSpeed Cache 플러그인에서 객체 캐시 설정을 해야 합니다. 워드프레스 관리자 화면 왼쪽 메뉴에서 LiteSpeed Cache를 클릭하고 캐시 탭으로 이동합니다. 객체 탭을 선택한 후 객체 캐시를 켜기로 설정합니다. 메서드는 레디스를 선택하고, 호스트 필드에는 CPanel 레디스 오브젝트 캐시 섹션에서 확인한 소켓 경로를 입력합니다. 포트는 0을 입력하고, 레디스 데이터베이스 ID는 웹사이트별 고유 번호를 임의로 설정합니다. 만약 여러 웹사이트에서 레디스 객체 캐시를 사용한다면 각 웹사이트마다 다른 데이터베이스 ID를 설정해야 합니다. 설정을 완료한 후 변경 사항 저장 버튼을 클릭하면 객체 캐시 설정이 적용됩니다. 객체 캐시 상태 항목에서 연결 테스트를 실행하여 통과 메시지가 나타나는지 확인합니다.
LiteSpeed Cache 문제 해결: CSS 및 JavaScript 최적화
LiteSpeed Cache 플러그인 설정 후 웹사이트 레이아웃이 깨지거나 기능적인 문제가 발생하는 경우가 있을 수 있습니다. 레이아웃 깨짐 문제는 주로 CSS 최적화와 관련이 있으며, 기능적인 문제는 JavaScript 최적화와 관련된 경우가 많습니다. 레이아웃 문제가 발생했을 때는 LiteSpeed Cache 메뉴에서 페이지 최적화를 선택하고, CSS 설정 탭에서 모든 CSS 최적화 기능을 끄고 설정을 저장합니다. CSS 최적화를 껐을 때 레이아웃 문제가 해결된다면 CSS 최적화 설정이 문제의 원인일 가능성이 높습니다.
마찬가지로 기능 문제가 발생했을 때는 JS 설정 탭에서 JavaScript 최적화 기능을 껐을 때 문제가 해결되는지 확인해볼 수 있습니다. CSS 및 JavaScript 최적화 관련 문제 해결에 대한 자세한 내용은 LiteSpeed 공식 문서 페이지를 참고하는 것이 좋습니다. LiteSpeed 공식 문서에서는 다양한 CSS, JavaScript 최적화 관련 문제의 원인과 해결 방법을 상세하게 설명하고 있습니다. LiteSpeed 공식 문서 페이지 링크는 영상 하단 더보기 란에 제공될 예정입니다. LiteSpeed Cache 플러그인의 다양한 기능을 활용하여 워드프레스 웹사이트를 효율적으로 최적화하고, 사용자들에게 빠르고 쾌적한 웹 환경을 제공할 수 있습니다.
