WordPress CDN: 글로벌 가시성을 높이는 확실한 가이드

수년에 걸쳐 더 빠르고 더 빠른 로딩 속도가 웹사이트의 최우선 과제가 되었습니다. 그러나 사용자 상호 작용에 대한 계속 증가하는 수요를 따라잡아야 하는 보다 풍부한 콘텐츠 및 기능과 함께 제공됩니다. 따라서 많은 웹사이트 소유자는 자신의 콘텐츠를 전 세계의 최종 사용자에게 더 빠른 속도로 전달하는 데 어려움을 겪고 있습니다.

이에 따라 많은 웹사이트에서 워드프레스 CDN(Content Delivery Network)을 사용하기 시작했습니다. 이 기술은 위치에 관계없이 모든 사용자에게 웹 사이트 콘텐츠를 더 빠르게 제공하는 데 도움이 됩니다. 이 편리한 가이드에서는 CDN이 무엇인지, 왜 WordPress에 중요한지, WordPress CDN을 사용하는 방법을 배우게 됩니다.

1. CDN(콘텐츠 전송 네트워크)이란 무엇입니까?

이름에서 알 수 있듯이 CDN은 콘텐츠 전달과 관련이 있습니다. 그러나 어떤 내용, 어떻게? 음, 미디어 파일, CSS 및 JavaScript 파일을 포함하여 WordPress 사이트의 정적, 스트리밍 및 동적 콘텐츠를 제공합니다.

다른 부분, 즉 네트워크 는 이 전달 시스템의 핵심입니다. 앞에서 논의한 콘텐츠는 전 세계에 퍼져 있는 이 서버 네트워크에서 호스팅되며 사용자가 브라우저에서 요청을 보낼 때 대기 시간을 피하기 위해 가장 가까운 서버에서 처리합니다.

사실: 페이지 로드 시간이 1초 지연되면 전환율이 7% 감소하고 페이지 조회수가 11% 감소하며 고객 만족도가 16% 감소할 수 있습니다.

Cloudways WordPress 관리 호스팅 에서 서버를 시작하고 영국 런던에 있는 데이터 센터를 선택 했다고 가정해 보겠습니다 . 여기에서 WordPress 사이트가 물리적으로 호스팅되고 모든 요청이 여기에서 처리됩니다. 귀하의 사이트는 유럽 사용자에게는 번개처럼 빠르지만 도쿄 또는 마닐라 사용자에게는 약간 느리게 로드될 수 있습니다. 그 이유는 런던이 파리보다 도쿄에서 더 멀기 때문이죠..

WordPress에 가장 적합한 CDN은 가장 가까운 서버에서 사용자에게 콘텐츠를 전달하여 이 거리를 줄입니다. 사용자와 웹 콘텐츠 간의 거리를 줄이기 위해 CDN은 전 세계에 위치한 여러 서버에 콘텐츠의 캐시된 복사본을 보관합니다.

2. WordPress CDN이 필요한 사람은 누구입니까?

거의 모든 WordPress 사이트에는 CDN이 필요하며 CDN을 사용하는 사이트의 수는 기하급수적으로 증가하고 있습니다. 여러 지리적 위치에서 운영되는 비즈니스 는 이 문서의 앞부분에서 설명한 것과 동일한 이유로 이러한 CDN 서비스 에 의존합니다 . 그러나 웹 호스팅과 동일한 위치의 사용자만 대상으로 하는 사이트를 실행하는 경우 CDN을 사용하는 것은 이상적이지 않습니다. 실제로 사용자와 호스팅 간의 추가 연결로 인한 불필요한 간섭으로 인해 사용자가 지연에 직면할 수 있으므로 사용자 경험이 좋지 않을 수 있습니다.

WordPress용 CDN을 사용하여 WordPress 사이트의 속도를 높이는 비즈니스 유형을 살펴보겠습니다.

• 전자상거래
• 블로그
• 광고 대행사
• 미디어 및 엔터테인먼트
• 스트리밍 사이트
• 온라인 게임 사이트
• 온라인 교육
• 보건 의료

3. WordPress에서 CDN이 중요한 이유는 무엇입니까?

시간이 지남에 따라 CDN(콘텐츠 전송 네트워크)이 많이 향상되었습니다. WordPress 사이트에 WordPress CDN이 있으면 무시할 수 없는 많은 이점이 있습니다. 자세히 살펴보겠습니다!

• 빠른 로드 시간 : CDN 서버 네트워크에서 쉽게 사용할 수 있는 콘텐츠로 페이지 로드 시간을 줄입니다.
• 높은 트래픽 처리 g: 콘텐츠가 여러 소스에서 전달되기 때문에 WordPress용 CDN을 사용하는 사이트는 트래픽 볼륨이 높아도 다운타임이나 낮은 성능에 거의 직면하지 않습니다.
• 대역폭 절약 : CDN은 콘텐츠 자체를 전달하여 사용자의 요청이 웹 호스팅으로 직접 전달되는 것을 제한하므로 대역폭 소비도 줄입니다.
• 보안 : CDN 네트워크가 흩어져 있으며 경미한 DDoS 공격을 견딜 수 있습니다. 일부 CDN 제공업체에는 이러한 공격, 스패머 및 봇을 식별하기 위해 설치된 활성 메커니즘도 있습니다. 특히 고객이 신용 카드 정보를 사용하여 지불하는 WordPress 사이트의 경우 추가 보안 계층을 추가합니다.
• 더 나은 SEO 순위 : Google이 더 빠른 사이트의 순위를 더 높게 지정한다는 것은 비밀이 아닙니다.. 속도가 SEO 순위에 얼마나 영향을 미칠 수 있는지 판단하기 어렵지만 사용자 경험에 좋지 않은 영향을 미치는 것은 분명하므로 Google은 권장하지 않습니다.
• 향상된 사용자 경험 : WordPress 사이트의 WordPress CDN은 웹 페이지를 더 빠르게 로드하여 데스크톱뿐만 아니라 모바일 장치에서도 사용자 경험을 향상시킵니다. 많은 사람들이 이제 휴대전화를 사용하여 인터넷을 검색합니다. Google은 또한 모바일에 최적화된 사이트가 검색 결과에서 우위를 점할 수 있는 모바일 친화적 검색 이니셔티브를 시작했습니다.

사실: 페이지 로드 시간이 100ms 감소할 때마다 수익이 1% 증가했습니다.

워드프레스 CDN 속도 테스트

Cloudways에서 호스팅되는 WordPress 사이트에서 테스트하여 작동 중인 CDN을 살펴보겠습니다. 우리 서버는 미국 프리몬트에 있습니다. CloudwaysCDN을 통합하기 전과 후에 여러 위치에서 속도를 테스트했습니다 .

미국 캘리포니아 산호세

전에

후에

뉴욕시, 뉴욕, 미국

전에

후에

스톡홀름, 스웨덴

전에

후에

호주 멜버른

전에

후에

이 테스트 결과에 따르면 CDN이 없으면 실제 서버 위치에서 더 멀리 떨어진 지역에서 속도가 느려집니다. 그러나 WordPress 사이트에 CDN을 통합한 후 로드 속도가 향상되었습니다.

4. 최고의 WordPress CDN 제공업체

WordPress CDN 공급자는 모든 예산 범위에서 사용할 수 있습니다. 이 외에도 많은 CDN 제공업체에서 평가판 계정을 제공합니다.

Cloudways 사용자를 돕기 위해 Cloudways 관리 서버와 쉽게 통합할 수 있는 다음 CDN 공급자 목록을 작성했습니다.

참고: StackPath(CloudwaysCDN이라고도 함)는 플랫폼 내에서 쉽게 통합할 수 있습니다.

CloudwaysCDN(스택패스)

CloudwaysCDN 은 대규모 글로벌 서버 네트워크를 갖춘 WordPress용 최고의 CDN 제공업체 중 하나인 StackPath에서 제공합니다.

인기 있는 기능으로는 DDoS 공격에 대한 보호 및 로드 밸런싱을 통한 차단 기능이 있습니다. 모든 계획은 또한 웹사이트의 페이지 로드 시간을 개선하는 데 기여하는 방화벽 보호 기능을 제공합니다.

Cloudways 사용자는 기본 캐싱 플러그인인 ' Breeze ' 와 함께 이 CDN 옵션을 사용할 수도 있습니다 .

가격: 25GB당 $1

키 CDN

KeyCDN 은 전 세계의 다양한 위치에서 콘텐츠 전달을 최적화하는 몇 가지 유용한 기능을 제공합니다. KeyCDN은 속도와 연중무휴 고객 지원으로 정평이 나 있는 인기 있는 WordPress CDN 옵션입니다.

KeyCDN은 또한 DDoS 보호, 무료 및 사용자 정의 SSL 인증서, HTTP/2 지원 및 타사 통합을 위한 RESTful API를 제공합니다.

가격 책정: 가격 책정 모델은 GB당 $0.04부터 시작하는 종량제이며 최소 연간 송장은 $40입니다.

클라우드플레어

Cloudflare 는 설정하기 쉽고 거대한 글로벌 서버 네트워크를 가지고 있기 때문에 주로 WordPress에서 가장 인기 있는 CDN 중 하나입니다.

Cloudflare는 DDoS 공격 및 기타 취약점에 대한 보안이 제한된 WordPress 사이트용 무료 CDN도 제공합니다. 다른 기능으로는 로드 밸런싱, 웹 최적화, DNS 관리 및 SSL 인증서가 있습니다.

가격: Pro 플랜은 월 $20부터 시작합니다.

클라우드프론트

CloudFront by Amazon 은 DDoS 및 유사한 위협에 대한 업계 표준 보안을 제공하는 빠르고 안전한 WordPress용 CDN입니다. Amazon 관리 콘솔, CLI 및 SDK를 사용하여 쉽게 통합할 수 있습니다.

가격: 주문형

캡슐

Incapsula 는 전 세계에 서버가 있는 WordPress용으로 인기 있는 또 다른 CDN입니다. WordPress와 쉽게 통합할 수 있으며 모든 인기 있는 캐싱 플러그인과 호환됩니다.

Incapsula는 SSL 인증서, 연중무휴 지원, DDoS 보호, 방화벽, 공격 분석, 위협 인텔리전스 및 데이터 보호와 같은 기능을 제공합니다.

가격: $59/월부터 시작

CDN77

CDN77 은 WordPress 웹사이트를 위한 가장 빠른 CDN 중 하나입니다. 주요 기능으로는 SSL/TLS 인증서, DDoS 보호, 핫링크 보호 및 웹 방화벽이 있습니다.

CDN77은 또한 트래픽 및 대역폭 사용량을 추적하기 위한 분석 도구와 유용한 정보 및 충돌 보고서가 포함된 CDN 로그를 제공합니다.

가격: $199/월부터 시작

비즈니스에 적합한 CDN을 선택할 때 성능과 함께 비용 및 서비스를 고려해야 합니다.

5. 워드프레스 CDN 벤치마킹

선택할 수 있는 WordPress CDN 공급자는 많지만 실제 시나리오에서 어느 공급자가 최고의 성능을 제공할지 결정하는 것은 어려운 일입니다.

이 문제를 해결하는 유일한 방법은 해당 CDN을 벤치마킹하는 것이었고 이를 위해 널리 사용되는 세 가지 CDN 제공업체를 선택했습니다.

1. CloudwaysCDN (이전에는 MaxCDN으로 알려진 StackPath와 제휴)
2. 클라우드플레어
3. 키 CDN

CDN 벤치마킹 프로세스

1GB RAM , 25GB SSD 및 1 Core CPU 의 Cloudways DigitalOcean 서버에서 기본 WordPress를 시작했습니다 .

벤치마킹 테스트를 위해 우리가 사용한 도구는 오픈 소스 Node.js CDN 벤치마크 CLI입니다. WordPress CDN이 콘텐츠를 제공하는 속도를 이해하려면 몇 시간 동안 충분한 데이터 입력이 필요합니다.

CDN 벤치마킹에서 우리 는 5분 간격으로 3.5시간 동안 Cloudways에서 호스팅되는 WordPress 사이트( 소형: 78.6KB, 중형: 747KB, 대형: 1.28MB) 에서 3개의 이미지 파일을 다운로드했습니다 . 이 파일은 Cloudways에서 호스팅되는 WordPress 사이트에서 가져옵니다.

CDN 벤치마킹 결과

벤치마킹 테스트 후 최종 데이터를 쉽게 비교할 수 있도록 그래픽으로 정리했습니다. 데이터는 3.5시간 동안 테스트를 실행한 후 생성되었습니다. 테스트를 통해 어떤 CDN이 어떤 파일 크기에서 더 잘 작동하는지 힌트를 얻을 수 있습니다.

작은 이미지

Cloudflare 는 정상적으로 시작되었지만 작은 크기의 이미지를 다운로드하는 동안 동일한 속도를 유지할 수 없습니다. 테스트의 처음 40분 동안 CloudwaysCDN과 KeyCDN은 수평 축에 똑바로 누워 약 2-3밀리초의 일정한 속도를 나타내는 데 비해 22밀리초까지 증가했습니다. KeyCDN 에서 75분에서 85분으로 급증 하여 최고 9ms 까지 치솟았 습니다.

CloudwaysCDN 꽤 테스트를 통해 원활하게되었다. 놀라움 없이 최대 다운로드 속도로 테스트를 시작하고 종료했습니다.

중간 이미지

중간 크기 이미지를 다운로드할 때도 CloudFlare의 상황이 나아지지 않았습니다 . 약 128ms의 20-40분 동안 엄청난 스파이크가 발생했습니다. 75분에서 85분 사이에 또 ​​다른 작은 스파이크가 발생했습니다. 반면 CloudwaysCDN 은 KeyCDN 과 비교하여 1위를 유지했으며 위 그래프에서 볼 수 있듯이 테스트가 끝날 무렵 약간의 교란을 보였습니다.

큰 이미지

큰 이미지(1.28MB)를 다운로드하는 동안 Cloudflare의 다운로드 속도는 약 40ms인 반면 상대편은 비교적 좋은 시작을 보였습니다. KeyCDN 은 테스트 시작과 끝 부분에 약간의 충돌을 제외하고 테스트 내내 거의 안정적이었습니다. CloudwaysCDN 은 테스트 내내 빠르고 안정적인 다운로드 속도를 보여주는 X축에 최대한 가깝게 유지하여 다시 놀라운 일을 해냈습니다.

또한 세 가지 이미지 크기에서 각 CDN의 평균 다운로드 속도를 계산했습니다.

평균 점수

위 그래프의 결과는 매우 간단합니다. CloudwaysCDN 은 세 가지 파일 범주 모두에서 가장 높은 다운로드 속도를 보였습니다 . KeyCDN 은 평균 점수로 2위를 차지했습니다. Cloudflare 는 3가지 테스트 모두의 초기 단계에서 엄청난 급증으로 인해 가장 낮은 점수로 3위를 차지했습니다. 테스트 중간과 끝에서 꽤 잘 수행했습니다.

6. WordPress에서 CDN을 사용하는 방법?

6a. WordPress에 CloudwaysCDN 추가

Cloudways 고객은 클릭 한 번으로 CloudwaysCDN 을 활성화하고 WordPress 와 통합 할 수 있습니다 . 다음은 프로세스와 관련된 몇 가지 단계입니다. Cloudways 계정에 로그인하고 애플리케이션으로 이동한 다음 CloudwaysCDN을 설치하려는 WordPress 애플리케이션으로 이동합니다.

왼쪽 창에서 CloudwaysCDN 탭으로 이동 한 다음 WordPress 사이트 의 URL 을 입력합니다 . 만들기 버튼을 클릭 합니다.

이 애플리케이션에 대해 CloudwaysCDN을 활성화하고 CDN URL, 대역폭 사용량 및 캐시 제거와 같은 몇 가지 세부 정보를 제공합니다. CloudwaysCDN을 제거하는 옵션도 있습니다.

WordPress 사이트에 통합하려면 적용 버튼을 클릭하기만 하면 됩니다.

추신: 한 ​​번의 클릭 은 Cloudways 의 무료 WordPress 캐시 플러그인인 Breeze에만 적용됩니다 . 다른 캐싱 플러그인을 사용하는 경우 CloudwaysCDN 탭에서 CDN URL을 가져오고 그에 따라 CDN을 구성합니다.

귀하의 워드 프레스 사이트의 관리자 패널에 로그인 후 설정에서 바람을 클릭합니다 :

Breeze Cache Plugin 의 CDN 탭으로 이동하면 여기에서 Activate CDN 옵션이 선택된 것으로 표시되고 CDN URL 이 CDN CNAME 필드에 설정되어 있는 것을 볼 수 있습니다.

이제 CDN이 통합되었는지 확인할 차례입니다. 사이트를 열고 CTRL+U 를 누르고 StackPath를 검색합니다 . CDN이 성공적으로 통합되었음을 의미하는 몇 가지 결과를 얻을 수 있습니다.

사이트가 깨진거 같은데요?

걱정 마! Cloudways는 Varnish를 사용하여 WordPress 사이트를 최적화합니다. 모든 캐시를 제거한 다음 사이트를 다시 방문하십시오. 만세! 몇 번의 클릭만으로 CloudwaysCDN을 통합했습니다.

CloudwaysCDN에 대해 더 알고 싶으십니까? 여기 보라.

6b. WordPress에 CloudFront 추가

Amazon의 CloudFront는 아마도 WordPress 웹 사이트에서 가장 인기 있는 CDN일 것입니다. 연결되면 CloudFront는 호스팅 서버를 요청하는 대신 서버에서 직접 WordPress 사이트의 콘텐츠를 제공합니다. 이렇게 하면 호스팅 서버에 부담을 주는 요청 수가 줄어듭니다.

CloudFront CDN에서 웹 배포를 생성하여 CDN URL 가져오기

Amazon Web Services(AWS)에 이미 계정이 있다고 가정합니다. 그렇지 않은 경우 가입하고 CloudFront 콘솔 로 이동합니다 . 그런 다음 웹 섹션에서 시작하기를 클릭 합니다.

여러 옵션 중에서 선택할 수 있는 전체 페이지 옵션으로 이동합니다. 간단하게 하기 위해 CloudFront 자체에서 설정한 기본 설정을 사용하겠습니다.

• 원본 도메인 이름: 내 웹사이트의 URL(wpcommunity.org)
• 원본 경로: 자산에 대한 특정 경로가 있는 경우 이를 입력합니다. (저는 비워두었습니다.)
• Origin ID: 이 서비스에 대한 간단한 설명을 입력합니다.

다른 모든 설정은 그대로 유지됩니다. 추가로 구성하려는 경우 모든 옵션이 무엇인지 설명 하는 전체 안내서 가 있습니다. 아래로 스크롤하여 Create Distribution 을 클릭합니다 .

사이트 콘텐츠에 따라 배포하는 데 몇 분 정도 걸립니다. 프로세스가 완료되면 도메인 이름 (CloudFront URL)을 찾을 수 있는 화면으로 이동합니다 .

도메인 이름 의 URL을 복사하고 Breeze 의 CDN 탭 으로 이동 하여 CDN 루트 URL 텍스트 필드에 붙여넣습니다 .

• CDN 활성화 : CDN 을 활성화하려면 이 항목을 선택합니다.
• CDN 루트 URL : 생성된 배포의 URL입니다. URL에 HTTP/HTTPS를 추가하는 것을 잊지 마십시오.
• CDN 콘텐츠 : CDN에서 제공하려는 콘텐츠의 디렉터리입니다.
• 콘텐츠 제외 : 일부 파일 확장자 또는 CDN에서 제공하지 않을 디렉터리를 제외하려면 여기에 입력합니다.
• 상대 경로 : 파일 및 폴더의 구조를 유지하기 위해 항상 상대 경로 를 활성화하는 것이 좋습니다.

테스트하자!

사이트 URL을 방문하여 소스 코드를 보고 CloudFront를 검색합니다 . CSS, JS 및 이미지와 같은 모든 자산이 CloudFront CDN에서 제공되는 것을 볼 수 있습니다.

6c. WordPress에 KeyCDN 추가

KeyCDN은 시장에서 선도적인 WordPress CDN 제공업체 중 하나입니다. 전체 계정을 선택하기 전에 무료 평가판 기간 동안 웹사이트에서 서비스를 사용해 볼 것을 제안합니다.

이 기사에서는 모든 콘텐츠가 CDN을 통해 제공되도록 KeyCDn을 Breeze 캐시 플러그인과 연결하는 방법을 보여줍니다.

먼저 몇 가지 필수 세부 정보를 작성하여 KeyCDN 계정에 가입 해야 합니다 . 첫 번째 필드에 KeyCDN으로 연결하려는 웹 사이트 URL을 입력하고 이메일 및 사용자 자격 증명과 같은 기타 세부 정보를 입력합니다.

계정 만들기 버튼을 클릭하면 확인 이메일이 전송됩니다. 확인되면 KeyCDN 대시보드가 ​​표시됩니다.

KeyCDN에 영역을 추가하여 CDN URL 가져오기

내 WordPress 사이트가 내 계정에 추가되었습니다. 이제 내 사이트의 URL과 관련하여 Zone 을 추가 해야 합니다 . 왼쪽 창에서 영역 탭으로 이동하면 영역 을 구성하라는 메시지가 표시됩니다.

• 영역 이름: KeyCDN은 기본 형식인 http://xxx-yyy.kxcdn.com의 특수 URL을 제공합니다. 여기서 XXXX는 영역 이름 필드에 입력한 이름입니다. 내 예에서는 wp를 입력했기 때문에 wp-yyy.kxcdn.com이 됩니다.
• 영역 상태 : 내 사이트에 공개적으로 액세스할 수 있으므로 상태를 활성으로 추가하겠습니다.
• Zone Type : Zone은 Pull과 Push의 2가지 종류가 있습니다. 영역 유형 외에도 고급 기능 표시 확인란을 볼 수 있습니다. 확장 및 구성 – 하는 일에 자신이 있다면! 그렇지 않으면 기본값으로 두십시오.
• Origin URL : 이 Zone과 연결하고자 하는 웹사이트의 URL을 입력합니다.

영역을 설정한 후 영역 탭 으로 리디렉션되며 아래 이미지와 같이 새로 생성된 영역이 표시됩니다. 내 영역의 상태는 현재 배포 중 으로 설정되어 있습니다. 즉, KeyCDN의 Zone과 웹사이트 간의 모든 것을 설정하고 연결합니다.

이 과정은 몇 분 정도 걸릴 수 있습니다. 완료되면 상태가 Active 로 변경됩니다 . 아래 이미지와 같이 관리 버튼 으로 이동하여 캐시를 제거할 수 있습니다 .

Breeze로 KeyCDN 구성

자, KeyCDN을 설정하고 영역을 만들고 영역 URL을 얻었습니다.

그것을 복사 하고 Breeze WordPress 캐시 플러그인 의 CDN 탭으로 이동 하여 CDN 루트 URL 필드에 붙여넣습니다 .

사이트 테스트

이제 KeyCDN을 제대로 설정하고 Breeze와 연결했습니다. CDN이 웹사이트를 서비스하고 있는지 확인해 봅시다. 이를 위해 귀하의 웹사이트를 방문하고 CTRL+U (Chrome)를 눌러 페이지 소스를 보십시오 . kxcdn 을 검색 하면 CSS, JS 및 이미지가 KeyCDN을 통해 제공되는 것을 볼 수 있습니다.

Breeze는 이에 국한되지 않으며 모든 자산 기반 CDN을 Breeze로 쉽게 구성할 수 있습니다. WordPress CDN URL을 가져와서 Breeze CDN 탭에 붙여넣기만 하면 됩니다. 그게 다야!

마무리!

우리는 속도가 사이트의 SEO 순위뿐만 아니라 전반적인 전환에 얼마나 중요한 역할을 하는지 보았습니다. 좋은 WordPress CDN에 투자하는 것은 결국 나쁜 생각이 아닙니다. Cloudways 사용자는 대시보드에서 CloudwaysCDN을 쉽게 통합할 수 있으며 애플리케이션당 25GB에 대해 1달러의 경제적인 요금이 부과됩니다. 추가 소비 비용은 GB당 $0.04입니다.