이 글은 클라우드플레어 사이트 추가 CDN DNS 네임서버 최적화 Cloudflare 사용법에 대해 정리한 글입니다. 워드프레스를 운영하면서 클라우드플레어를 CDN으로 활성화하는 경우 복잡하게 느껴질 수 있습니다. 워드프레스 대역폭 사용량 및 호스팅 할당량 메모리가 모두 차면 사이트가 다운되거나 느려질 수 있습니다. 이번달 대역폭(Bandwidth this month) 및 호스팅 할당량(Hosting Plan Quota)이 모두 차기 전에 클라우드플레어에서 CDN으로 활성화하여 최적화시키면 이러한 문제를 해결할 수 있습니다.
워드프레스 대역폭 한도 초과되는 이유
워드프레스를 운영하면서 대역폭 한도 초과 안내 메일을 받아보신 적이 있으시다면 문제를 빠르게 찾고 해결하셔야 합니다. 갑자기 방문자수가 늘면서 대역폭이 증가하고 이번 달 호스팅 할당량이 꽉차는 경우가 있습니다. 주로 대역폭이 급증하는 이유에 대해 정리하였습니다.
- HTML
- 이미지 트래픽
- 폰트
- JS 및 CSS 파일
사이트 내 웹폰트를 적용했다면 갑자기 대역폭이 올라가면서 할당량 초과에 가까워지는 현상이 발생하기도 합니다. 이러한 경우 최적화를 통해 대역폭 사용량(bandwidth usage)을 줄이셔야 합니다.
클라우드플레어 사이트 추가 방법
쿨라으드플레어(Cloudflare)에서 사이트를 추가하려면 회원가입을 하셔야 합니다. 계정 생성 후 로그인을 하면 대시보드로 이동되며 사이트 추가를 시작할 수 있습니다. 과거에는 외국어 사이트만 있었지만 최근에는 한국어로 번역된 사이트가 있기 때문에 쉽게 추가할 수 있습니다. 자세한 방법은 아래 단계를 참고하여 추가해 보시길 바랍니다.
1. 클라우드플레어 공식 사이트에 접속합니다.
2. 계정 홈에서 상단의 [사이트 추가]를 클릭합니다.
3. 도메인 입력 후 [계속]을 클릭합니다.
4. Free(무료) 플랜을 선택 후 [계속]을 클릭합니다.
💡 사이트 추가 실패했다면?
클라우드플레이어에 도메인으로 등록한 사이트가 최상위 도메인인지 확인하셔야 합니다. 하위 도메인을 입력하거나 기본 사이트 주소가 아니라면 추가할 수 없습니다. 또한 클라우드플레이어는 PSL에 정의된 유효한 TLD보다 낮은 TLD여야 합니다.
도메인은 https://를 제외한 주소를 입력하셔야 합니다. 클라우드플레어에 웹 사이트 및 응용 프로그램을 추가하여 보안, 성능 및 안정성을 최적화하고 모니터링을 할 수 있습니다. 사이트를 추가하면 DNS를 설정하셔야 합니다. DNS는 자동으로 설정되지만 수동으로 설정하는 방법도 있습니다. 다음 항목을 참고하시길 바랍니다.
클라우드플레어 DNS 설정 방법
클라우드플레어에서 사이트를 추가하는 과정에서 DNS를 자동으로 스캔하여 등록해줍니다. 하지만 등록 과정에서 크롬 한국어 번역이나 다른 플러그인 충돌로 오류가 뜰 수 있습니다. 이러한 경우 자동 스캔에 실패하여 모두 수동으로 DNS 레코드를 등록하셔야 합니다. 자동으로 스캔이 끝나면 모든 DNS 레코드가 나옵니다.
💡 DNS 레코드 설정 방법
- 프록시 상태: 해제
- TTL: 사이트만 5분으로 설정
무료 플랜으로 시작했다면 프록시 상태는 OFF로 바꿔주시는 것을 추천드립니다. ON으로 한 경우 할당량 초과로 결제하셔야 할 수 있습니다. 그리고 TTL은 자동으로 설정하지만 유형 A의 사이트는 5분으로 설정하시는 것을 추천드립니다.
클라우드플레어 네임서버 변경 방법
마지막으로 클라우드플레어에서 할당된 네임서버를 업데이트해 주셔야 합니다. 기존에 사용하던 네임서버에서 할당된 클라우드플레어 네임서버(Cloudflare Nameservers)로 변경해 주시면 됩니다. 자세한 방법은 아래 단계를 확인하시길 바랍니다.
1. 클라우드플레어에서 할당된 네임서버를 복사합니다.
2. 도메인을 등록한 웹호스팅 사이트에 접속하여 복사했던 네임서버 변경 주소를 붙여넣기합니다.
3. 다음 단계에서 빠른 시작 가이드로 보안 향상 및 자동 HTTPS 등을 적용합니다.
워드프레스 최적화 방법
핫링크 보호 켜기
클라우드플레어에서 사이트 추가 및 CDN 활성화, DNS 레코드 추가, 네임서버 변경 등의 과정을 끝냈다면 워드프레스를 최적화 시키기 위해 핫링크 보호를 켜주셔야 합니다. 클라우드플레어 메뉴에서 [Scrape Shield]로 들어가서 [핫링크 보호]를 켜주시면 됩니다. 핫링크 보호는 오프사이트 연결로부터 이미지를 보호해줍니다. 워드프레스에서 이미지를 많이 넣었다면 꼭 켜주시길 바랍니다.
스머시 플러그인 추가
이미지 트래픽에서 발생하는 대역폭 사용량 문제를 해결하기 위해 워드프레스 스머시 이미지 최적화 플러그인을 추가해주셔야 합니다. 플러그인 검색창에서 한글로 스머시 또는 영어로 Smush를 검색하시면 해당 플러그인이 나오며 설치 후 활성화해주시면 됩니다.
스머시를 처음 활성화하면 최적화 작업을 시작합니다. 가이드에 따라 기능을 켜주시면 됩니다. 또한 최적화되지 않은 이미지는 자동으로 최적화 작업을 시작할 수 있습니다.
DNS 수동으로 추가하는 방법
기본적으로 클라우드플레어에서 도메인을 등록했을 때 자동으로 DNS 레코드를 스캔하여 등록해 줍니다. 하지만 이 과정에서 오류가 발생했거나 사이트가 다운되어 DNS 레코드를 스캔하지 못했다면 아래 방법을 통해 DNS를 수동으로 가져오기 및 추가할 수 있습니다.
1. 클라우드플레어 계정에 접속하여 [DNS] – [레코드]로 들어가서 스크롤 후 [레코드 추가]를 클릭합니다.
2. 유형(A, CNAME, TXT, MX 등)을 선택하고 이름, IPv4 주소 등을 입력 후 추가합니다.
클라우드플레어에서 사이트를 삭제하고 다시 등록하더라도 사이트에 대한 내역이 일부 저장되어 있어 자동 스캔 과정은 건너뛰게 됩니다. 따라서 삭제하더라도 DNS 레코드는 자동으로 등록되지 않으며 직접 수동으로 추가하셔야 합니다.
