워드프레스 : CDN – Cloudflare | 클라우드 플레어 페이지 룰 설정 방법

Cloudflare | 클라우드 플레어 페이지 룰 설정 방법
CDN으로 TTFB | 사이트 속도 개선 방법

구글을 하시는 분들은 클라우드플레어 페이지 룰 설정을 활용하여 페이지 속도를 빠르게 하고 싶으신 분들이 있을 겁니다.
( Cloudflare 클라우드 플레어 기본 설정 방법 )
워드프레스는 살짝 무거울 수가 있습니다.
그래서 Js CSS 압축은 필수이고요, 캐싱을 활용하여 페이지 속도를 가속화 해줘야합니다.
이 부분만 해줘도 워드프레스는 가볍게 돌아갈 수 있습니다.

하지만 일반 설정으로만 하였을 때는 무겁게 돌아갈것입니다. 
그래서 클라우드 플레어 페이지룰 | Page Rule 이라는 것을 활용하여 속도를 개선할 수 있습니다.

결론부터 제가 개선한 부분을 공유 드립니다.

개선 전 
개선 후

TTFB가 3배이상 빠르게 개선 되었고, 다른 CSS JS도 캐싱이 되면서 상당히 속도가 빠르게 되었습니다.
Cloudflare가 회선이 로또이다 보니 일반 설정을 할 경우 HTML이 쭈욱 늘어지는 경우가 있습니다.
이러한 부분을 개선하기 위해서는 ‘ Page Rules | 페이지룰 ‘을 활용하여 엣지 캐시를 활용 해줘야합니다.

Cloudflare Plug in 설치

먼저 해야할 것은 워드프레스에 Cloudflare Plug in을 설치하는 것입니다.

해외 유저들은 내사이트의 HTML 정보를 Cloudflare에

잘 전달하기 위해서는 플로그인을 설치하는 것이 좋다라고 합니다. 
클라우드플레어 측에서의 공식적인 답변은 없지만 커뮤니티에서는
그러한 이야기가 있어 일단 설치해보았습니다.

– 플로그 인이 오류가 자주 일어납니다. 그래서 설치에 대한 부분은 선택 사항입니다.

설치를 하게 되면 클라우드플레어 가입 메일과 API를 넣으라고 합니다.

클라우드플레어 사이트에 들어가셔서 개요 > API > API 토큰 가져오기에 들어가서, 

상단 메뉴바의 API 토큰을 선택하시면 Global API 토큰을 얻으실 수 있습니다. 

이것을 넣으시면 워드프레스 플로그인은 설치 끝

이제 가장 중요한 Page Rules를 설정하는 법을 보겠습니다.

다시한번 말씀드리지만 기본 셋팅은 제외하겠습니다.

Cloudflare 페이지 룰 설정

1. 로그인 PHP를 캐싱하지 않습니다. (로그인 할 때 error 발생 할 때)

URL 넣는 곳 > https://mysiteURL.com/wp-login.php*

설정 >

    – 보안수준 : I’m Under Attack
    – 캐시수준 : 바이패스
    – 앱 사용 중지
    – 성능 사용 중지

2. 어드민 페이지를 캐싱하지 않습니다.

URL 넣는 곳 > https://mysiteURL.com/wp-admin*

설정 >
    – 캐시수준 : 바이패스
    – 앱 사용 중지
    – 성능 사용 중지

3. 전체 페이지 캐싱

URL 넣는 곳 > https://mysiteURL.com/*

설정 >
    – 캐시수준 : 모두 캐시
    – 브라우저 캐시 TTL : 1시간 ~ 4시간 (수정이 빈번하다면 상황에 맞게 캐싱해주세요.)
    – 에지 캐시 TTL : 한달 (자주 수정이 있다면 상황에 맞게 시간을 정해주시면 됩니다.)

전체 페이지 캐싱을 할 때,
특정 페이지만 캐싱을 한다면, 브라우저 캐시를 올려주시고,
Caching > 구성 에 들어가셔서 사용자 지정 제거를 하시면 됩니다.

캐시 지우려는 페이지 URL을 적어주시면 됩니다.

각 사이트마다 설정은 변경이 될 수 있습니다.

위 설정이 기준은 아닙니다.

하지만 위 규칙을 잘 이용하여 캐싱을 잘하신다면,

페이지 속도는 확실하게 개선이 되실 것이라 믿습니다.

모바일 PageSpeed 개선이 되었네요.

각 사이트마다 설정은 변경이 될 수 있습니다.

위 설정이 기준은 아닙니다.

하지만 위 규칙을 잘 이용하여 캐싱을 잘하신다면,

페이지 속도는 확실하게 개선이 되실 것이라 믿습니다.


* 본 컨텐츠는 마음껏 복사해서 사용하셔도 됩니다. 단, 출처(URL)는 남겨주세요.

출처 : 링크쥬스 | https://linkjuice2.tistory.com/68

구글 SEO | SEO 무료 정보


혼자 하시기 힘드실 때 아래쪽으로 연락 주시면 도와드리겠습니다.

돈 버는 방법 | 꼬뮤