캐시 플러그인 LiteSpeed Cache로 5분만에 웹사이트 속도 향상시키기

아이티장고

저는 정말 웹사이트 속도 최적화 및 향상을 위해 수없이 많은 정보와 글들을 보고 많은 캐시 플러그인을 설치하고 지우기를 반복하며, 가장 최적의 캐시 플러그인을 찾기 위해 노력하였는데요. 그 결과, 가장 적합한 것은 캐시 플러그인 LiteSpeed Cache라는 결론을 내리게 되었습니다.

페이지 스피드 인사이트에서 평가하는 웹사이트 성능 점수를 끌어올리기 위해 얼마나 많은 고심과 삽질의 시간을 보냈는지 모릅니다.

여러분은 캐시 플러그인을 위해 너무 많은 시간을 낭비하지 않았으면 좋겠다는 마음으로 캐시 플러그인 LiteSpeed Cache 설정을 알려드리고자 합니다. 제가 설정한 값으로 진행하면 정말 5분 내에 웹사이트 속도를 어마하게 향상시키실 수 있으실 겁니다.

캐시 플러그인 LiteSpeed Cache

캐시 플러그인 LiteSpeed Cache는 워드프레스에 나와있는 무료 캐시 플러그인 중 가장 좋다고 느낍니다. 이미지 최적화, 캐시 설정, Gzip 압축까지 간단한 설정으로 사이트 성능을 개선해볼 수 있습니다. 다른 좋은 캐시 플러그인도 많지만, 다른 플러그인과의 구별되는 차별성에 대해 간략히 설명드리겠습니다.

  • 서버 통합 최적화

LiteSpeed Cache는 LiteSpeed 웹 서버와 깊게 통합되어 있어서, 서버 단위에서 캐시 기능을 제공합니다. 다른 WP Super Cache나 W3 Total Cache와 같은 플러그인은 애플리케이션 레벨에서 그치지만, LiteSpeed는 서버 레벨이기에 더 빠르고 효율적인 성능을 보여줍니다.

  • 이미지 최적화 및 WebP 지원

이미지를 자동으로 압축하고 WebP 파일 형식으로 변환하는 기능을 제공합니다. Smush나 ShortPixel 같은 플러그인은 별도로 기능을 설치해야 합니다.

  • 캐시 관리의 세부 설정

항목이나 페이지 조건에 따른 정교한 캐시 관리 기능을 제공합니다. 사용자 역할에 따라 캐시를 비활성화하거나, 우커머스같은 쇼핑 사이트에서는 캐시하지 않는 등의 설정이 가능합니다.

캐시 플러그인 LiteSpeed Cache 설정하기

1.LiteSpeed Cache 플러그인 설치 및 활성화

캐시 플러그인 LiteSpeed Cache

해당 플러그인은 워드프레스 플러그인 > 새 플러그인 추가 에서 검색을 통해 설치할 수 있습니다. 검색을 하여서 설치 및 활성화를 합니다.

2.LiteSpeed Cache 캐시 구성 사전 설정

LiteSpeed Cache를 설치하고 활성화를 완료하면 LiteSpeed Cache > 사전 설정(preset) 탭을 클릭합니다.

캐시 플러그인 LiteSpeed Cache 사전 설정

그러면 다음과 같은 캐시 구성 사전 설정이라는 화면이 뜨게 됩니다. 여기서 [2] 가져오기/내보내기 메뉴 탭으로 들어갑니다. 여기서는 미리 커스텀 설정된 데이터 파일을 업로드하여서 LiteSpeed Cache 플러그인 설정에 적용되게끔 할 수 있습니다.

3. 커스텀 설정 파일 다운로드

다음은 사이트 성능이 향상되는 설정 파일입니다. 아래 링크는 Litespeed Cache 설정에 관한 네이버 블로그 글입니다. 해당 글에서 파일을 다운로드하실 수 있습니다.

캐시 플러그인 LiteSpeed Cache 사전 설정 파일

파일을 다운로드 한 후, 가져오기 설정 하단의 ‘파일 선택’ 버튼을 클릭합니다. 해당 파일을 선택한 후, 열기를 클릭하여 업로드를 해줍니다.

675FB2A6 C548 41C2 99D8 C376C8C2AD23

다음과 같이 파일이 뜨게 되면, ‘가져오기’ 버튼을 눌러 설정 사항을 업데이트합니다.

원래는 일일이 각종 사항에 대한 캐시 설정을 해야 하지만, 해당 파일을 통해 미리 저장된 설정을 웹사이트에 적용할 수 있어 매우 편리하게 사이트 최적화가 가능할 것입니다.

캐시 플러그인 LiteSpeed Cache 설정 후 성능변화

파일 업로드를 완료하였으니 사이트 성능이 어떻게 변화하는지 확인해보겠습니다.

캐시 플러그인 LiteSpeed Cache 설정 전 페이지 성능

설정을 하기 전, 페이지 스피드 인사이트에서 제 웹사이트 성능 점수를 분석한 모습입니다. 모바일은 성능: 77, 접근성: 96으로 성능이 다소 부족한 점수입니다.

B0D48E7C 27EB 41A3 9BC9 141D5C09EE07

그리고 Total Blocking Time도 860ms로 빨간색이 뜨고 있습니다. 이제 설정을 한 후 웹사이트 성능 점수를 보겠습니다.

캐시 플러그인 LiteSpeed Cache 설정 후 페이지 성능

성능이 98, 접근성, 권장사항, 검색 최적화는 동일로 성능 점수가 77점에서 98점으로 상당히 많이 향상된 모습입니다.

52B7CEC7 B631 4460 BF32 43F5C2290D6E

Total Blocking Time도 0ms에 달하고 있어 초록색으 뜨고 있는 모습입니다. 이와 같이 LiteSpeed Cache 플러그인을 사용하여 5분에 달하는 간단한 설정으로 웹사이트 성능을 향상시켜보았습니다.

<웹사이트 페이지 속도 향상시키는 또 다른 팁>

Leave a Comment