오픈라이트스피드 웹서버는 워드프레스에서 litespeed캐시를 이용할 수 있게 해줍니다.
litespeed캐시는 오픈라이트스피드의 알파이자 오메가이죠!
특히나 Generate Critical CSS per page를 무료로 이용할 수 있다는 것은 큰 장점입니다. 사실 이것 때문에 오픈라이트스피드 웹서버를 사용한다고 봐도 무방합니다. 이 기능은 웹 페이지의 로딩 속도를 높이기 위해 사용되는 기술입니다. 웹 페이지의 위로 보이는 부분(above-the-fold)에 필요한 CSS만 추출하여 미리 로딩함으로써, 페이지 로딩 시 사용자에게 위(TOP)로 보이는 부분의 콘텐츠를 빠르게 전달할 수 있습니다.
아무튼 많은 이용자들이 워드프레스에서 오픈라이트스피드가 속도면에서는 최고라고 이야기합니다. 저도 여러 커뮤니티에서 그 이야기를 듣고, 계속해서 염모하는 마음을 품다가 사용하게 되었습니다.
실제 사용을 해보니, 속도가 insane했습니다. 운영중인 다른 워드프레스에서 느끼던 감각과는 완전히 다르더라구요. 특히나 첫 페이지의 로딩속도가 엄청납니다.
오픈라이트스피드를 설치하기 전, 우선 장점과 단점에 대해 알아보겠습니다.
장점
단점
성능 향상: 오픈라이트스피드는 워드프레스 사이트의 성능을 크게 향상시킬 수 있습니다. 이는 오픈라이트스피드가 최적화된 코드 생성을 통해 페이지 로드 시간을 단축하고, 캐싱 및 압축을 통해 리소스 사용량을 줄이기 때문입니다.
보안 강화: 오픈라이트스피드는 워드프레스 사이트의 보안을 강화할 수 있습니다. 이는 오픈라이트스피드가 XSS, SQL 인젝션 등과 같은 다양한 보안 위협을 방지하기 위한 기능을 제공하기 때문입니다.
확장성 향상: 오픈라이트스피드는 워드프레스 사이트의 확장성을 향상시킬 수 있습니다. 이는 오픈라이트스피드가 대규모 트래픽을 처리할 수 있도록 설계되었기 때문입니다.
설정 복잡성: 오픈라이트스피드는 설정이 복잡할 수 있습니다. 이는 오픈라이트스피드가 다양한 기능을 제공하기 위해 다양한 매개변수를 가지고 있어서 그렇습니다. 많은 매개변수를 다뤄야 하는 일은 설정을 복잡하게 만듭니다.
호환성 문제: 오픈라이트스피드는 일부 워드프레스 플러그인과 호환되지 않을 수 있습니다. 이는 오픈라이트스피드가 최신 기술을 사용하기 때문입니다.
오픈라이트스피드 웹서버는 속칭, 워드프레스 테마빨을 많이 탄다는 말이 있습니다. 복잡한 테마일수록, 충돌이 일어나거나 예상치 못한 문제가 발생할 가능성이 크다는 의견이 많습니다. 개인적으로 빠른 속도로 인기가 많은 GeneratePress 테마와 궁합이 좋다고 생각합니다.
다 떠나서 오픈라이트스피드 웹서버를 사용하는 이유는 딱 하나입니다.
빠르니까.
참고: 지금 보고 계신 stepslow.com 사이트는 오픈라이트스피드 웹서버가 아닙니다.
오픈라이트스피드 설치
가이드를 시작하기 전 참고사항
– 누구나 따라 하실 수 있도록 최대한 자세하게 작성한 가이드입니다.
– 모든 항목을 일일이 설명하지는 않습니다. 제 기준 추천하는 설정 값만 딱, 딱 입력하실 수 있도록 할 예정입니다. 여러 옵션에 대한 설명과 장단점까지 이야기를 하면 글이 너무 길어지기에 양해 바랍니다.
구글과 연동된 로그인을 지원하기에 전 구글 로그인을 했습니다.
원하시는 로그인 방법을 선택하시면 됩니다.
로그인 후 첫 페이지에서 Add a Payment Method & Pre-Fund Your Account와 Complete Your Profile을 구글 번역을 이용하여 채워 넣습니다.
Cloud Compute를 구매
앞선 빈칸 채워 넣기를 다 끝내셨다면, Deploy your first instance를 클릭하시거나, 화면 우측 상단에 있는 Deploy 버튼을 누릅니다.
Choose Server에서 Cloud Compute 를 선택
CPU & Storage Technology 에서 intel High Frequency를 선택
AMD High Performance와 intel High Performance, intel High Frequency 중에서 뭘 선택해야 할 지, 고민하시는 분이 많은 것으로 알고 있습니다. 벤치마크 상으로는 인텔 하이 프리퀀시가 앞선 다는 결과가 있습니다. 하지만, 제가 실제 사용해본 느낌으로는 셋 다 비슷합니다. 그래도 이왕이면 벤치마크 결과가 좋은 인텔 하이 프리퀀시를 추천 드립니다.
Server Location 에서 Seoul 선택
Server Image > Marketplace apps > CyberPanel 선택
Server Size > 32 GB NVMe 선택
Add Auto Backups 에서 off 선택
오른쪽에 경고 문구가 나오면서 정말 OFF할 것인 지, 묻습니다.
월 2.4달러를 아끼기 위해 OFF합니다.
Deploy Now를 클릭
Additional Features, SSH Keys, Server Hostname & Label은 건드리지 마시고 6달러인지 가격을 확인 하신 후, Deploy Now를 클릭합니다.
인스톨 중이라는 표시가 나타나면, 잠시 기다렸다가 Running이라는 표시가 생긴 후, Cloud Instance를 클릭합니다.
상단에 인스톨이 아직 끝나지 않았을 수도 있다는 문구가 출력되어 있다면, 3~5분을 기다렸다 새로고침(F5)을 합니다. 그래도 아래 문구가 나타나 있다면 조금 더 기다렸다가 새로고침을 합니다.
이런 문구가 표시된다면 조금 기다렸다가 새로고침을 해주세요.
이렇게 출력이 된다면 완성입니다.
축하드립니다.
이제 월 6달러로 클라우드 컴퓨터를 소유한 오너가 되셨습니다.
오픈라이트스피드 설정
DNS 설정
도메인을 구입하신 사이트에 가셔서 DNS 설정을 합니다. 저 같은 경우 가비아에 남는 도메인이 하나 있어서, 이걸로 진행해 보겠습니다.
대시보드 > Virtual Hosts > 도메인주소 클릭> Modules에서 Action항목에 있는 Edit 버튼을 누릅니다.
1. Module * 에서 cache 선택
2. Module Parameters 에서 기존 내용을 지우고 아래 파란박스의 문구를 입력합니다.
storagepath /run/lscache
3. Enable Module – YES
4. 저장
이것으로 LiteSpeed WebAdmin Console 설정은 끝입니다.
상단에 LSWS PID라는 글자 옆 녹색으로 된 새로고침 버튼을 누르면 로그아웃 되실 거에요.
다시 로그인해서, 지금까지 설정했던 내용들이 잘 저장되어 있는 지, 확인해 보시길 권장합니다.
워드프레스 LiteSpeed Cache 설정
도메인/wp-admin에 접속하셔서 로그인을 합니다.
워드프레스 대시보드 > LiteSpeed Cache > Cache 순서대로 들어갑니다.
[1] Cache 탭
Enable Cache : ON
Cache Logged-in Users : ON
Cache Commenters : ON
Cache REST API : ON
Cache Login Page : ON
Cache favicon.ico : ON
Cache PHP Resources : ON
Cache Mobile : OFF
[6] Object 탭
Object Cache : ON
Method : Redis
Port : 6379
Cache WP-Admin : OFF
Store Transients : ON
다른 항목들은 그대로 놔두시면 됩니다.
설정 후, Save Changes 눌러 주세요.
대시보드 > LiteSpeed Cache > General
[1] General Settings 탭
Automatically Upgrade : OFF
Domain Key
Request Domain Key 버튼을 눌러 주세요.
시간이 지나면 자동으로 Domain Key와 연결이 됩니다.
Guest Mode : OFF
Guest Optimization : OFF
Notification : OFF
Save Changes 잊지 마세요.
대시보드 > LiteSpeed Cache > Image Optimization
[2] Image Optimization Settings
Auto Request Cron : ON
Auto Pull Cron : ON
Optimize Original Images : ON
Remove Original Backups : OFF
Optimize Losslessly : OFF
Preserve EXIF/XMP data : OFF
Image WebP Replacement : ON
WebP For Extra srcset : ON
대시보드 > LiteSpeed Cache > Page Optimization
[1] CSS Settings 탭
모두 ON 해주세요.
Font Display Optimization : Swap
[2] JS Setting 탭
모두 ON 해주세요.
Load JS Deferred : Deferred
[3] HTML Settings 탭
모두 ON 해주세요.
[4] Media Settings 탭
모두 ON 해주세요.
[5] VPI 탭
모두 ON 해주세요.
대시보드 > LiteSpeed Cache > Crawler
[4] General Settings
Crawler : ON
여기까지 제가 사용하는 설정이었습니다.
만약 설정에 문제가 있으시다면, 대시보드 > LiteSpeed Cache > Presets > Standard Presets 탭으로 이동하신 후, 5가지 프리셋 중 하나를 선택하시길 추천 드립니다.
이것으로 오픈라이트스피드 설치 및 설정이 모두 끝났습니다.
긴 과정을 따라 오신다고 고생 많으셨습니다.
여담
누구나 따라할 수 있는 가이드를 작성하려고 노력했지만, 어떤 분에게는 막히는 부분이 있었을 지도 모르겠습니다. 그런 분들에게는 죄송한 마음입니다.
openlitespeed 웹서버를 사용하면서 느낀 점은, 확실히 빠릅니다. 체감이 확 될 정도로 말이죠.
하지만, 설정이 까다롭고, 테마나 플러그인들과 충돌이 발생할 경우, 셋팅 난이도가 급상승 한다는 것이 단점입니다.
그래도 일단 한번 시도해 보시는 걸 추천 드립니다. 빠르니까요.