[ 워드프레스 사용자 ] Cloudflare | 클라우드 플레어 | CDN 설정 방법

워드프레스 CDN 처음 사용자를 위한
Cloudflare | 클라우드 플레어 설정 방법

설정방법을 하기 전에
DNS 서버네임을 설정하는 방법은 여기에 표기하지 않았습니다.

Cloudflare | 클라우드 플레어 처음 사용자를 위한 설정 방법 가이드를 위주로
적었습니다.

사람들이 생각보다 클라우드 플레어를 사용을 하지 않고 있어서,
설정방법을 정리해보았고, 제 방법이 100% 빠르게 하는 것은 아닙니다.

원리를 아시는 분들은 자기한테 맞는 설정을 하시는 것을 추천 드립니다.

  • 2021년도 자료입니다. 최신 자료를 찾으세요. UI 부터 캐시 설정에 대한 것이 2024년과 완전히 틀립니다.

클라우드 플레어 사용 이유

CF 예제

위에 그림을 보시면 한국에서 서비스를 하고 싶은데,

해외 호스팅을 쓰게 되면 거리적으로

녹색선과 같이

서비스 위치와 서버 위치가 멀어지게 됩니다.

이럴때 클라우드 플레어를 사용하게 되면,

파란색 선과 같이 서비스 하려는

근접 위치의 클라우드 플레어 서버에 Cache를 저장하게 되고,

근접 위치에서 서비스 지역으로 송수신을

해주기 때문에 속도가 빠르게 됩니다.

클라우드 플레어는 무료이며,

무료라 회선이 랜덤으로 사용되는 단점이 있습니다.

하지만 근접 경유지를 통해 서비스를 하고,

SSL을 무료로 제공하는 이점이 있으며,

ddos 방어가 가능하여,

해외 호스팅을 하시는 분들에게

추천 드리고 싶습니다.

아래의 방법은 2022년까지 사용했던 방법이고, 이제는 Worker를 제대로 설정을 해야합니다.

아래의 방법은 개념을 잡는데 이해를 하시면 좋고, 새로운 설정방법은 아래의 링크를 통해 확인하세요.

클라우드플레어 2023년 설정 방법

클라우드 플레어 설정 방법

cloudflare 1
위 메뉴를 기준으로 하겠습니다.

SSL / TLS  ( http > https 로 무료 변경 )

SSL 없이 사용하시는 분들은 클라우드 플레어를 이용하여 무료로 https를 사용할 수 있습니다.

먼저 클라우드 플레어에서 나의 원본 서버를 인증하고 나면, SSL / TLS에 들어가셔서,
‘ SSL/TLS 암호화 모드 전체(엄격) ‘에서 가변을 선택하시면 됩니다.

(그 위에 항목은 내 서버에 SSL 인증서가 있어야 합니다.)

 * SSL 인증서가 있는 분들은 전체를 선택하시면 됩니다.

에지 인증서 선택 

Speed > 최적화 선택

구글은 js와 CSS 압축을 중요하게 생각하고 있습니다.
아주 큰 효과는 없지만 캐싱효과때문에 전부 선택해줍니다.

cloudflare 10

RailGun은 이번에 새로 나왔는데~오류가 조금 있어서 연결을 빼놨습니다.


하지만 저같은 경우 동적 컨텐츠를 사용해서, 기대하는 솔루션입니다.

(정적페이지는 페이지 첫페이지의 변화가 없다고 보시면 이해하시기 편합니다.)


그리고 개요 옆에 Browser Insights를 쓰시고 싶으신 분들은 사용하셔도 무관합니다.

저같은 경우에 저 솔루션을 쓸 이유가 없는게

페이지스피드 인사이트로 체크를 하기때문에 사용을 안하고 있고,

무엇보다 페이지 스피드를 느려지게 할 수 있어서 사용하지 않고 있습니다.

Caching > 구성


저는 캐싱은 페이지룰에서 설정을 해주고 있습니다.


페이지룰 설정은 아래의 페이지에서 확인해주세요.

네트워크 설정


무료로 사용할 때 여기까지 Setting을 해주고 사용을 합니다.

클라우드 플레어를 사용하셔야 하실 분들은 해외 호스팅을 쓰시는 분들이라면,

꼭 서야할 서비스가 아닐까라는 생각을 합니다.


Cloudflare | 클라우드 플레어 Page Rule 설정 방법


Cloudflare Page Rules 설정
(동적 페이지 사용자 및 수정 많은 분)

수정이 많은 분들은 로그인 하였을 때 상태의 페이지는 캐싱이 되면 안좋습니다.
그렇기 때문에 admin과 wp-login.php 의 캐싱을 바이패스 수준으로 해줍니다.
그리고 순서는 위와 같이 하시면 될 것 같습니다.

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 은 제외하시는 것을 추천 드립니다.
    – 브라우저 캐시 TTL : 1시간 ~ 4시간 (수정이 빈번하다면 상황에 맞게 캐싱해주세요.)
      (때에 따라 다르지만, 애드센스 광고 노출을 빠르게 원하시는 분들은 사용하지 않는 것을 추천 립니다.)
    – 에지 캐시 TTL : 한달 (자주 수정이 있다면 상황에 맞게 시간을 정해주시면 됩니다.)


전체 페이지 캐싱을 할 때,

특정 페이지만 캐싱을 한다면, 브라우저 캐시를 올려주시고,

Caching > 구성 에 들어가셔서 사용자 지정 제거를 하시면 됩니다.

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

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

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

하지만 위 규칙을 잘 이용하여 캐싱을 잘하신다면,
페이지 속도는 확실하게 개선이 되실 것이라 믿습니다.

클라우드플레어 설정 2023년 업데이트 ▼Click▼
Cloudflare | 클라우드플레어 어떤 기능있고, 왜 사용하는가?
클라우드플레어 설정 방법 1편
클라우드플레어 규칙(Page Rules) 설정 방법
클라우드플레어 Workers 경로 설정 방법
티스토리 Sub-Domain 사용시 클라우드플레어 사용 (사이트 체감속도가 확실히 다를겁니다.)

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

온라인 생태계를 위한 링크쥬스 블로그

내 사이트에 트래픽 늘어나지 않는다면, "제이키의 링크쥬스(구독자 전용)"를 통해 질문을 하세요. 컨설팅 비용보다 확실하게 저렴할 것이고, 신뢰를 위해 월구독을 선호합니다.

위 글 내용 중에 궁금한 내용이나 더 알고 싶은 내용은 네이버 카페 질문카테고리 오픈했으니 거기에 문의해줘. (트위터 또는 쓰레드에 DM이나 문의사항을 남겨주세요.)

seo