WordPress에 Cloudflare CDN을 설치하는 방법

게시 됨: 2018-07-04
@Cloudways 팔로우

속도와 보안은 WordPress 웹 사이트의 가장 중요한 두 가지 요구 사항입니다. 이것이 바로 우리가 WordPress 사이트 호스팅을 위한 가장 인상적인 관리형 클라우드 플랫폼을 구축하는 데 수많은 낮과 밤을 보냈고(그리고 더 많은 도넛을 먹었던 이유입니다.)

그러나 호스팅이 WordPress 사이트의 속도 향상과 관련된 유일한 요소는 아닙니다. 이를 수행하는 또 다른 방법은 콘텐츠 전송 네트워크를 나타내는 CDN을 사용하는 것입니다. 이 기사에서는 WordPress 웹 사이트용 Cloudflare CDN을 쉽게 설치하고 구성하는 방법을 보여 드리겠습니다.

  • Cloudflare CDN이란 무엇입니까?
  • WordPress에서 Cloudflare CDN 설정
    • 1단계: Cloudflare 가입
    • 2단계: 사이트 URL 추가
    • 3단계: Cloudflare 플랜 선택
    • 4단계: DNS 레코드 검토
    • 5단계: 네임서버 변경
    • 6단계: 도메인 등록 기관에서 네임서버 변경
    • 7단계: Cloudflare 빠른 시작 가이드
    • 8단계: Cloudflare CDN 상태 확인
  • Cloudflare에 Let's Encrypt 인증서 추가

이 기사에서는 WordPress에서 Cloudflare CDN을 구성하는 방법을 보여줍니다. 설정 프로세스를 시작하기 전에 Cloudflare CDN이 무엇인지, 핵심 성능 향상을 최적화하는 데 어떻게 도움이 되는지 알아보겠습니다.

Cloudflare CDN이란 무엇입니까?

Cloudflare CDN은 200개 이상의 도시를 포괄하는 네트워크를 통해 사용 가능한 가장 인기 있는 CDN 중 하나입니다. 사이트 방문자의 지리적 거리를 기반으로 웹 사이트의 웹 콘텐츠를 제공합니다.

보안, 최적화 및 SSL과 같은 기타 서비스와 함께 정적, 동적 및 미디어 콘텐츠를 제공합니다. Cloudflare CDN 서비스를 사용하는 웹 사이트는 콘텐츠가 가장 가까운 서버에서 캐시되고 전달되기 때문에 사용자 측의 대기 시간을 최소화합니다.

Cloudflare CDN이 제공하는 기능을 살펴보겠습니다.

Cloudflare CDN의 몇 가지 두드러진 기능

  • 스마트 라우팅
  • 스트림 전송
  • 로드 밸런싱
  • 캐싱
  • 최적화
  • 액셀러레이티드 모바일 페이지

Cloudflare CDN은 웹사이트 콘텐츠를 전 세계 곳곳에 제공하기 위해 전 세계에 서버를 두고 있는 유명한 CDN 제공업체입니다. Cloudflare는 요금제에 따라 여러 기능을 제공합니다.

스마트 라우팅

이것은 실시간 네트워크 인텔리전스를 활용하여 가장 빠른 경로를 결정하는 알고리즘을 사용하여 사용 가능한 가장 빠른 네트워크를 통해 트래픽을 라우팅하는 현명한 방법입니다.

스트림 전송

미디어 스트리밍은 지역의 다른 모서리에서 액세스하는 경우 로드하는 데 시간이 오래 걸릴 수 있습니다. 이 문제를 해결하기 위해 Cloudflare CDN은 스트림 파일을 즉시 제공하는 특별한 캐싱 메커니즘을 제공합니다.

로드 밸런싱

Cloudflare는 월 $5부터 시작하는 구독 기반 부하 분산 기능을 제공합니다. 애플리케이션이 성능과 사이트 가용성을 개선하는 데 도움이 되는 DNS 기반 로드 밸런싱입니다.

캐싱

WordPress의 Cloudflare는 정적 콘텐츠, 캐시 제거 및 계층화된 캐싱을 자동으로 저장하는 고급 캐싱 메커니즘을 제공합니다.

우리는 일반적인 웹사이트가 동적 콘텐츠와 정적 콘텐츠를 모두 사용하는 것을 보았습니다. Cloudflare는 콘텐츠에 자체 서버를 사용하여 웹 호스팅의 CPU와 대역폭을 모두 절약할 수 있습니다. WordPress의 Cloudflare는 최종 사용자의 대기 시간을 줄이고 전반적인 사용자 경험을 향상시킬 수 있습니다.

자세히 보기: W3 Total Cache 플러그인과 함께 Cloudflare CDN을 사용하는 방법

최적화

때때로 특정 기능을 위해 타사 도구와 API를 통합해야 합니다. 이러한 리소스는 제어할 수 없으며 제대로 구성되지 않으면 지연이 발생할 수 있습니다.

Cloudflare는 빠른 웹 경험을 제공하고 페이지 리소스의 순서를 최적화하도록 설계되었습니다.

크거나 최적화되지 않은 이미지는 성능 문제를 일으킬 수 있습니다. Cloudflare Image Optimization 알고리즘은 네트워크 연결 수를 최소화하고 이미지 전달을 원활하게 하여 웹 페이지를 자동으로 최적화합니다. 이렇게 하면 타사 리소스가 웹 페이지 속도를 늦추는 것을 방지할 수 있습니다.

액셀러레이티드 모바일 페이지

Accelerated Mobile Pages는 Google의 모바일 검색 엔진에서 검색할 때 모바일 장치에서 웹 페이지를 더 빠르게 로드하는 기술입니다. 점점 더 많은 사용자가 모바일 장치를 사용하여 인터넷을 탐색하고 있습니다.

Cloudflare CDN 가속 모바일 링크는 AMP로 구동되며 표준 모바일 페이지보다 3배 빠른 속도로 보기 창 안에 AMP 지원 웹 페이지를 로드합니다.

Cloudflare는 CDN, 광고 최적화, DDoS 보안, 분석 등과 같은 여러 옵션을 제공합니다. 또한 유료 요금제를 구매하기 전에 사용할 수 있는 무료 요금제를 제공합니다.

WordPress에서 Cloudflare CDN 설정

Cloudflare는 CDN, 광고 최적화, DDoS 보안, 분석 등과 같은 다양한 옵션을 제공합니다. 무료 계획 외에도 더 강력한 기능을 사용할 수 있는 여러 프리미엄 계획을 제공합니다.

MaxCDN과 Cloudflare는 WordPress 사용자가 널리 사용하는 두 가지 CDN 공급자입니다. 이 튜토리얼에서는 Cloudways에서 호스팅되는 WordPress 웹 사이트에 Cloudflare를 설치하는 방법을 공유합니다.

1단계: Cloudflare 가입

먼저 Cloudflare에서 계정을 만들어야 합니다. 이미 있는 경우 이 단계를 건너뛸 수 있습니다.

Cloudflare 화면 가입

2단계: 사이트 URL 추가

Cloudflare에 가입하면 도메인을 제공하고 사이트 추가를 클릭해야 하는 새 화면이 나타납니다.

사이트 URL 추가

3단계: Cloudflare 플랜 선택

사이트 URL을 추가하면 Cloudflare에서 사용하려는 요금제에 대해 묻습니다. 이 튜토리얼에서는 무료 플랜을 사용하겠습니다.

클라우드플레어 플랜 선택

4단계: DNS 레코드 검토

다음 단계는 DNS 레코드를 검토하고 올바르게 구성되었는지 확인하는 것입니다. 여기에서 Cloudflare는 도메인 등록 기관에서 모든 DNS 구성을 가져오며 제 경우에는 두 개의 DNS 레코드(유형 A)만 있습니다. 기록을 검토하고 계속 을 클릭하기만 하면 됩니다.

DNS 레코드

5단계: 네임서버 변경

아래 이미지에서 볼 수 있듯이 도메인 등록기관의 네임서버를 변경하고 Cloudflare에서 제공한 네임서버로 교체해야 합니다.

네임서버 변경

6단계: 도메인 등록 기관에서 네임서버 변경

이제 도메인 등록 기관을 열고 이름 서버를 변경하십시오. 내 도메인은 Freenom에 있으며 네임서버를 성공적으로 변경했습니다.

도메인 등록 기관에서 이름 서버 변경

7단계: Cloudflare 빠른 시작 가이드

네임서버를 변경했으면 Cloudflare CDN 설정 탭으로 돌아가서 완료를 클릭하고 네임서버를 확인합니다. 빠른 시작 가이드 화면 팝업이 표시됩니다.

클라우드플레어 시작 가이드

그런 다음 시작하기 를 클릭하고 도메인 설정을 구성하여 보안과 성능을 향상시키십시오. 첫 번째 설정 섹션은 보안 향상 이며 2개의 하위 섹션이 있습니다. 자동 HTTPS 재작성항상 HTTPS 사용 . 기본 보안 구성으로 이동하여 저장 버튼을 클릭하겠습니다.

클라우드플레어 보안

다음 프로세스는 성능 최적화 이며 두 개의 하위 섹션도 있습니다. 자동 축소Brotli . 자동 축소 섹션은 WordPress 사이트 속도를 높이는 데 도움이 되는 HTML, JS 및 CSS 축소 섹션입니다. 저는 Auto Minify의 모든 옵션을 선택하고 Brotli의 경우 기본 설정을 사용하겠습니다.

참고: Cloudflare에서 축소를 선택한 경우 Breeze 또는 다른 캐시 플러그인에서 축소를 피하십시오. 왜요? 양쪽 끝에서 축소를 활성화하면 문제가 발생하므로 한 번에 하나씩 사용하는 것이 좋습니다.

클라우드 플레어 축소

마지막 섹션은 보안 및 성능 구성을 볼 수 있는 요약입니다. 설정에 만족하면 마침 을 클릭 합니다 .

Cloudflare 설정 완료

Cloudflare 대시보드에서 다음 알림을 받게 됩니다. " 좋은 소식입니다! 이제 Cloudflare가 귀하의 사이트를 보호하고 있습니다 .” 상태가 "활성"으로 변경되고 상단 패널에서 다양한 옵션을 사용하여 다양한 보안 및 성능 관련 작업을 구성할 수 있습니다.

클라우드 플레어 설치

WordPress 웹사이트에서 Cloudflare를 최대한 활용하려면 웹사이트에 플러그인을 설치하는 것이 좋습니다.

8단계: Cloudflare CDN 상태 확인

Cloudflare CDN이 작동하는지 확인하려면 브라우저에서 WordPress 사이트를 열고 " Ctrl + Shift + i " > 네트워크를 누르십시오. 그런 다음 사이트의 요청을 볼 페이지를 새로고침하세요. 요청 중 하나를 클릭하고 " cd-cache-status "를 확인하십시오. HIT이면 CDN이 제대로 작동하는 것입니다.

Cloudflare cdn 상태 확인

Cloudflare에 Let's Encrypt 인증서 추가

Cloudways를 사용하면 Let's Encrypt를 사용하여 WordPress 사이트에 대한 SSL 인증서를 만들 수 있습니다. 도메인에서 Cloudflare가 활성화되어 있는 동안에는 생성할 수 없습니다. Let's Encrypt 인증서를 활성화하려면 다음 단계를 따르세요.

1단계: Cloudflare 대시보드에 로그인하고 DNS 탭에서 프록시 상태를 DNS 전용 으로 변경하여 wwwyourdomain.com 옵션을 모두 비활성화합니다. 회색 구름은 서비스가 비활성화되었음을 의미합니다.

2단계: Cloudways 애플리케이션 관리 패널로 이동하여 SSL 인증서 이메일 주소 > 도메인 이름을 입력하고 인증서 설치를 클릭 합니다 .

클라우드 웨이 SSL

3단계: 이제 서버 관리 패널 > 설정 및 패키지 > 고급 탭으로 이동 하고 WAF 모듈에서 Cloudflare를 선택합니다.

클라우드웨이 waf 모듈

4단계: Cloudflare 대시보드로 돌아가서 1단계에서 비활성화한 옵션을 활성화합니다.

5단계: 다음으로 상단의 SSL/TLS 탭을 클릭하고 SSL을 Flexible로 변경 합니다. Cloudflare가 인증서를 활성화하는 데 최대 24시간이 걸릴 수 있습니다. 그러나 이전에 동일한 도메인을 이미 사용한 적이 있다면 즉시 활성화됩니다.

클라우드플레어 플렉서블 SSL

그게 다야! WordPress 사이트에서 Cloudflare를 구성한 후에는 다양한 옵션이 제공됩니다. 대부분의 옵션은 유료 요금제이지만 도움이된다면 요금제를 업그레이드하고 최대한 활용하는 것이 좋습니다!

마지막 생각들

WordPress의 Cloudflare는 사이트를 방문하는 사용자의 경험을 개선하고 웹 서버의 귀중한 CPU 및 대역폭 리소스를 절약합니다. 대기 시간에 대한 걱정을 완전히 없애고 WordPress 사이트 속도를 높일 수 있는 고도로 최적화된 CDN입니다.

자주 묻는 질문(FAQ)

Cloudflare는 호스팅 제공업체입니까?

아니요, CloudFlare CDN은 CDN 서비스를 제공하는 콘텐츠 전송 네트워크 제공업체입니다. 서비스를 사용하는 웹사이트는 거대한 서버 네트워크에 액세스할 수 있으며 이를 통해 사이트의 정적 및 동적 콘텐츠를 제공하여 사용자 측의 대기 시간을 최소화합니다.

MaxCDN과 Cloudflare의 차이점은 무엇입니까?

Cloudflare는 무료 요금제 옵션과 함께 제공되지만 MaxCDN은 그렇지 않습니다. Cloudflare는 설정하기 쉽고 웹 사이트 보안을 제공합니다. MaxCDN은 W3 Total Cache 플러그인을 사용하여 설정할 수 있으며 유명 기업에서 사용합니다.