BREEZE 브리즈 캐시 플러그인 설정 하는 법 6단계

티스토리 뷰

워드프레스

BREEZE 브리즈 캐시 플러그인 설정 하는 법 6단계

마미크래프트 2023. 10. 26. 14:49

클라우드웨이스를 사용하면 워드프레스에 브리즈 캐시 플러그인이 기본으로 설치되어 있습니다. 캐시 플러그인은 하나의 워드프레스 웹사이트당 1개만 설치해서 사용해야 합니다. 캐시 플러그인을 중복으로 사용한다고 해서 사이트가 얻을 수 있는 이점이 크지 않고 오히려 충돌만 일으킬 수 있습니다. 브리즈는 클라우드웨이스에서 직접 만들어 제공하는 플러그인인 만큼 다른 캐시 플러그인은 사용하지 마시기 바랍니다.

클라우드웨이즈 서버 설정 방법은 여기를 클릭하세요.

1. 브리즈 캐시 플러그인 – BASIC OPTIONS

BASIC OPTIONS에서는 Cache System = Enable(활성화), Purge Cache After = 1440분, Gzip Compression(GZIP압축) = Enable(활성화), Browser Cache = Enable(활성화)만 확인합니다. Lazy Load Images의 경우 브리즈에서는 활성화하지 않습니다.

이미지 압축 플러그인을 사용하거나, 엘레멘토 옵션에서 Lazy Load를 사용하거나, CDN을 사용하거나, 블록에디터 혹은 블록에디터 애드온에 Lazy Load 옵션이 전부 있기 때문에 본인이 주로 사용하는 한곳에서만 Lazy Load를 사용해야 합니다. Lazy Load 옵션을 여기저기에서 전부 활성화시키면 이미지가 로드되지 않는 현상이 생길 수 있습니다.

2. 브리즈 캐시 플러그인 – FILE OPTIMIZATION

FILE OPTIMIZATION 메뉴는 코드 최적화(축소) 입니다. 보통의 캐시 플러그인들이 HTML, CSS, JAVASCRIPT 축소를 지원하지만 축소하는 과정에서 사이트가 망가지는 경우가 자주 발생합니다. 폰트가 사라지거나, 이미지가 깨지거나, 사이트의 레이아웃이 변형되거나, 플러그인이 작동을 하지 않고 먹통이 되는 현상이 빈번하기 때문에 축소 옵션의 사용은 권장하지 않습니다. 게다가 쇼핑몰의 경우 국내에서만 사용이 가능한 플러그인을 구입해서 사용하는 경우가 많은데 로그인, PG결제가 작동하지 않는 상황도 생깁니다. 코드의 축소는 가능하면 전문가에게 따로 의뢰하는 게 좋습니다.

스테이징 사이트에서 테스트하면 되지 않을까?

반반입니다. 라이선스를 필요로 하는 유료 테마나 혹은 플러그인을 사용하거나 그 외 라이선스가 하나의 도메인만 지원을 하는 무언가를 사용하는 상태에서 스테이징 사이트를 만들면 스테이징 사이트에서 라이선스를 사용하는 테마나 플러그인이 제대로 작동하지 않는 경우를 몇번 겪었습니다. 만약 유료 라이선스가 없는 상태라면 스테이징에서 완벽한 코드 축소 테스트가 가능합니다.

3. 브리즈 캐시 플러그인 – PRELOAD

PRELOAD 메뉴의 설정 역시 건드릴 게 없습니다. 일반적으로 사이트가 로드되는 과정에서는 웹폰트가 가장 마지막에 로드되지만 이 Preload Webfont 옵션은 웹폰트를 미리 불러와서 로드하도록 만드는 것인데 처음에 불러오건, 마지막에 불러오건 사용자 경험에는 별 차이가 없습니다.

폰트 얘기가 나와서 말인데 웹폰트를 사용할 때는 폰트의 종류를 3개 이상 사용하지 마세요. 그리고 로컬에서 로드하는 게 웹폰트 링크를 사용하는 방식보다 조금 더 빠릅니다. 사용하고자 하는 폰트가 있다면 미리 다운받아서 내 서버에 설치하는 게 가장 좋습니다.

구글 웹폰트를 사용한다면 문제될 게 없지만 문제는 눈누에 있는 한글 폰트를 사용하는 경우입니다. 눈누에 있는 폰트를 사용하기로 했다면 체크해야 할 것이 2가지가 있습니다.

폰트는 저용량 버전을 다운 받을 것

위의 사진을 보면 용량 차이가 확연히 나는 걸 볼 수 있습니다. 일반 폰트는 거의 6MB에 육박합니다. 6MB는 미친 수준입니다. 글자수도 11,172자나 됩니다. 반면 오른쪽 저용량 버전을 보면 1MB도 되지 않습니다. 그리고 웹폰트도 생각보다 가벼운 걸 볼 수 있습니다. 국문 2,350자면 글 쓰는데 아무런 문제가 없습니다. TTF, OTF, WOFF중에서 하나만 설치하세요.

라이선스 범위를 확인할 것

사진의 폰트는 임베딩 허용이 불가한 폰트입니다. 내 서버에 폰트 탑재를 허용하지 않기 때문에 이런 폰트를 다운받아서 사이트에 설치하면 라이선스 위반입니다. 그래서 폰트를 사용할 때는 임베딩이 허용된 폰트만 내 서버에 설치해야 합니다. 지금이라도 라이선스를 확인하고 나중에 법적으로 문제가 되기 전에 수정하세요.

4. 브리즈 캐시 플러그인 – ADVANCED OPTIONS

ADVANCED OPTIONS 메뉴에서는 Never Cache URL(s)를 설정해야 합니다. 사이트에서 캐싱이 되면 안 되는 것들이 있다면 여기에서 지정해야 합니다. 코드엠샵의 플러그인을 이용하는 쇼핑몰 사이트라면 네이버 페이, 카카오 로그인, 네이버 로그인이 캐싱되지 않도록 해야 하며 멤버스 플러그인도 멤버스 플러그인 관련 링크를 전부 다 캐싱에서 제외처리 해야 합니다.

이 작업을 하지 않으면 캐싱이 될 때마다 동작 오류가 발생합니다. 엠샵 멤버스> 모든 멤버스 템플릿을 클릭하면 템플릿과 템플릿의 단축코드가 있습니다. 사용중인 템플릿의 단축코드는 전부 예외처리 하세요. 브리즈에서 예외 처리한 링크는 서버에서 Varnish도 예외처리 해야 합니다.

*코드엠샵 템플릿 자체가 커스터마이징이 가능하기 때문에 언더바를 넣었을 때 오류가 나면 다른 단축코드를 사용중인 것일 수 있습니다. 사용중인 템플릿 단축코드를 확인하셔야 하는데 코드엠샵 헬프데스크에 지술지원 티켓을 올리시고 네이버 페이, 카카오 로그인, 네이버 로그인, 멤버스 플러그인 캐싱 예외처리 목록을 물어보셔야 합니다.

코드엠샵 플러그인 예외처리 리스트

*(경로) 클라우드웨이즈->APPLICATION->APPLICATION SETTINGS->VARNISH SETTINGS->ADD NEW EXCLUSION->제외할 주소 전부 추가

웹사이트 도메인/my-account/ (우커머스 내 계정)
웹사이트 도메인/my-account/msm-profile/
웹사이트 도메인/my-account/edit-address/
웹사이트 도메인/my-account/address-book/
웹사이트 도메인/my-account/msm-unsubscribe/
웹사이트 도메인/login/
웹사이트 도메인/lostpassword/
웹사이트 도메인/msm_social/
웹사이트 도메인/checkout/
웹사이트 도메인/pafw-register-b/
웹사이트 도메인/unsubscribe/
웹사이트 도메인/affiliate/
웹사이트 도메인/edit_profile/
웹사이트 도메인/tac_for_guest/
웹사이트 도메인/tac_for_register/
웹사이트 도메인/register/
웹사이트 도메인/agreement/
웹사이트 도메인/wp-admin (워드프레스 관리자)
웹사이트 도메인/msm_kakao (카카오 로그인)
웹사이트 도메인/npay_product_info (네이버 페이)
웹사이트 도메인/npay_product_info (네이버 페이)
웹사이트 도메인/npay_callback (네이버 페이)
웹사이트 도메인/npay_callback (네이버 페이)

5. 브리즈 캐시 플러그인 – HEARTBEAT API

HEARTBEAT API는 워드프레스에서 기본으로 동작하는 실시간 동기화 비슷한 기능이라고 생각하면 됩니다. 우리가 글을 쓰거나 페이지를 만들 때 깜빡하고 저장하지 않아도 일정 시간마다 자동 저장이 되면서 리비전이 생성되는 걸 볼 수 있습니다. 유용한 기능이고 일반적인 상황에서는 전혀 문제되지 않으며 비활성화 상태를 유지해도 됩니다.

그러나 저처럼 40개가 넘는 플러그인이 설치된 환경에서 페이지 디자인 작업을 자주 하거나 관리자 대시보드에 머무르는 시간이 정말 많은 사람이라면 워드프레스가 실시간으로 데이터를 요청할 때 사이트가 급격하게 느려지거나 버벅대는 현상을 마주하게 됩니다. 워드프레스가 데이터를 요청할 때 서버의 CPU를 최대치로 사용하게 되는데 이 과정에서 CPU의 사용량이 100%를 찍는 경우가 생기고 이 때 사이트가 버벅대는 것이죠.

이런 분들은 저처럼 Heartbeat Control을 활성화하고 Front-end, Post Editor, Back-end 전부 EVERY 5 MINUTES로 변경해 주세요. 최대치가 5분이며 필요없다고 비활성화하면 안 됩니다.

6. 브리즈 캐시 플러그인 – DATABASE OPTIONS

DATABASE OPTIONS 에서는 수동으로 삭제할 때 사용하는 건 2가지 밖에 없습니다. 하나는 POST REVISIONS이고 또 하나는 TRASHED POSTS입니다. 리비전 된 포스트가 너무 많이 쌓이거나 휴지통에 파일이 많을 때 수동으로 브리즈에서 삭제가 가능합니다. 삭제할 영역을 클릭하면 사진처럼 파란색 테두리가 표시되면서 아래 OPTIMIZE 버튼이 나타나고 OPTIMIZE를 누르면 해당 데이터가 삭제됩니다. 그러나 조심해야 할 건 삭제할 영역을 선택할 때 다른 영역까지 선택하지 않도록 해야 합니다.

사진에서 보면 휴지통 파일과 포스트 리비전 두개가 전부 선택이 되었기 때문에 파란색 테두리가 표시됩니다. 하나만 선택이 되는 게 아니라 여러가지가 클릭되는 만큼 동시에 다중선택이 되기 때문에 실수로 다른 것이 선택된 걸 확인 안 하고 그냥 지우면 저처럼 사이트의 모든 데이터가 전부 증발해버리는 상황이 생길 수가 있습니다. 물론 백업을 해놨기 때문에 다시 복원했지만 굳이 복원할 상황을 만들 필요는 없으니까요.

나머지 메뉴는 건드릴 필요가 없으니 여기까지만 하면 모든 브리즈 설정은 끝입니다.

저작자표시 비영리 변경금지

티스토리 뷰