Home Blogs Edgio vs CDN: 확실한 나란히 비교
Applications

Edgio vs CDN: 확실한 나란히 비교

About The Author

Outline

Layer0은 애플리케이션 인식 CDN과 다양한 속도 지향 웹 기술을 결합한 서버리스 플랫폼입니다. 약어는 “Experience Delivery Network”의 약어이며, 기존 CDN처럼 정적 콘텐츠만 호스팅하는 대신 엣지에서 동적 콘텐츠의 캐시 적중률을 극대화할 수 있습니다. Layer0은 또한 웹 사이트의 성능을 더욱 향상시키고 대규모 동적 웹 사이트를 개발, 배포, 모니터링, 실험 및 방어하는 전체 프로세스를 단순화하는 몇 가지 다른 기술을 제공합니다. 이제 Layer0이 기존 CDN과 어떻게 비교되는지 살펴보겠습니다.

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

수년 동안 CDN은 이미지, 비디오 및 JavaScript(정적 자산)는 물론 CSS 코드 및 기타 웹 사이트 조각을 전 세계 인터넷 사용자에게 제공하는 보이지 않는 기술이었습니다.

콘텐츠 전송 네트워크의 중요성은 과대평가할 수 없습니다. 이 제품이 없으면 각 사용자의 브라우저가 전 세계 서버에서 콘텐츠를 비효율적으로 다운로드하기 때문에 웹 사이트가 극적으로 느려질 수 있습니다. 오늘날의 인터넷은 보다 빠르고 향상된 브라우징 환경을 위한 백본으로 분산된 CDN을 사용하고 있습니다. 일부 CDN은 트래픽을 라우팅하고 DDoS 공격을 완화하며 웹사이트 가동 시간을 보장합니다.

엣지 서버와 POP(Points of Presence)는 CDN 아키텍처의 핵심 구성 요소로, 사용자에게 전달되는 정보 거리를 크게 줄여 로드 시간을 크게 단축합니다. PoP(Point of Presence)는 CDN 에지 서버 그룹이 상주하는 단일 지리적 위치입니다. CDN 네트워크를 구성하는 PoP의 총 수와 각 독립 위치는 CDN의 통신 범위에 영향을 미칩니다.

어떤 사람들은 정기적으로 CDN을 사용하지만 그것을 알지 못할 수도 있습니다. 오늘날 웹의 대부분은 Amazon, Facebook 및 Netflix와 같은 주요 사이트의 트래픽을 포함하여 PoP를 통해 제공됩니다.

기존 CDN의 문제

CDN은 최종 사용자에 따라 공간을 기준으로 서비스를 분산하여 고가용성 및 성능을 제공합니다. 그러나 기존 CDN의 문제는 원래 정적 웹 사이트를 염두에 두고 설계되었다는 것입니다. 이미지와 텍스트와 같이 거의 변경되지 않는 자산을 제공하기 위한 것입니다. 그러나 인터넷은 변했고, 특히 이커머스 매장 같은 최신 웹 사이트는 이제 보다 대화적이고 역동적이며 데이터베이스 중심적입니다. 그들은 이제 어제의 HTML 기반 웹 사이트보다 응용 프로그램과 더 친화적입니다.

이커머스 사이트를 방문하는 고객들은 관심이 있는 제품의 크기, 색상 및 가격을 구성하는 JSON 데이터를 기다리고 있지만 역설적이게도 이 데이터는 동적 데이터 처리에 적합하지 않기 때문에 기존 CDN에 의해 캐싱되지 않습니다.

전자 상거래 웹 사이트의 경험을 개선하는 가장 쉬운 방법은 제품 세부 정보가 전달되는 속도를 높이는 것입니다.

CDN 및 전자 상거래

기존 CDN만으로는 이커머스 웹사이트가 순식간에 이루어지지 않습니다. 특히 수천 개의 페이지로 구성되고 수십 개의 태그, 사용자 지정, 실시간 인벤토리 조회 등을 포함하는 현대적이고 데이터베이스 중심적인 동적 사이트는 그렇지 않습니다.

모바일 네트워크는 점점 더 빨라지고 있지만 모바일 웹 사이트 속도는 더 나아지지 않았습니다. 거의 모든 주요 전자 상거래 사이트가 오늘날 CDN을 사용하더라도 이러한 현상이 발생합니다. 기존 CDN은 JSON 데이터가 아닌 정적 파일을 캐싱하는 데만 유용합니다. 기존 CDN을 사용하는 전자 상거래 웹 사이트는 브라우저가 화면에 페이지를 렌더링하기 전에 원격 데이터베이스에서 가져와야 하는 제품 데이터를 기다리게 만듭니다.

Layer0/Edgio 및 전자 상거래

Layer0은 전자 상거래 및 여행과 같은 대규모 동적 웹 사이트를 위해 구축되었습니다. Layer0은 현대적인 애플리케이션 인식 CDN 그 이상입니다. 여기에는 CDN 및 기타 고급 웹 기술이 포함되어 있어 웹 사이트를 1초 미만의 속도로 낮출 수 있습니다.

  • 엣지의 동적 콘텐츠에 대해 95% 이상의 캐시 적중률을 자랑하는 CDN-as-JavaScript , 100개에 가까운 글로벌 PoP, 9개의 “Super PoP”를 제공합니다. CDN-as-JavaScript는 기존 CDN을 보완하거나 대체할 수 있습니다. 이 최신 CDN은 WAF, DDoS 방어, 봇 방어 등 사이트를 방어하는 데 필요한 모든 것을 갖추고 있습니다. CDN-as-JavaScript를 사용하면 개발자가 엣지에서 캐싱을 프로그래밍 방식으로 제어할 수 있으므로 브라우저가 다음 페이지를 렌더링하는 데 필요한 데이터를 즉시 얻을 수 있습니다.
  • API를 오케스트레이션하고 최적화하는 프런트엔드용 서버리스 JavaScript 백엔드입니다. 또한 서버 쪽 렌더링을 위한 완벽한 장소이며, 실행 시간을 낮게 유지하고 성능을 높여 사이트 속도를 더욱 높일 수 있도록 도와줍니다.
  • 에지 트래픽 라우터는 에지에서 트래픽 분할을 활성화하고 사이트 속도를 저하시키지 않는 A/B 테스트를 활성화합니다. 또한 반복 마이그레이션, Canary 배포 및 기능 플래그를 지원합니다.
  • 분기 미리 보기는 코드의 모든 분기에 대해 전체 스택 미리 보기 URL을 자동으로 생성하여 개발 속도를 높입니다. 원클릭 롤백, 사용자 지정 도메인 및 라이브 로그도 지원됩니다.
  • 성능 모니터는 캐시 적중률, 경로별 RUM 속도, 전환율 및 스모크 테스트 알림에 대한 실행 가능한 통찰력을 제공합니다.

Layer0에서는 동적 데이터가 일반적으로 95% 이상의 적중률로 엣지에 캐시됩니다.

Layer0은 이미 가장 빠른 온라인 상점의 일부를 전원: 신발 카니발과 아키라는 단지 몇 가지 예입니다. 미국 쇼핑객 3명 중 1명은 매월 Layer0의 사이트를 방문합니다.

Layer0의 웹 사이트는 Layer0 CDN-as-JavaScript와 함께 고급 예측 프리페치를 사용하므로 쇼핑객의 도청 시간을 5초 앞당길 수 있습니다. 이는 다음 클릭을 기준으로 아무 것도 클릭하기 전에 캐시된 동적 데이터를 CDN 엣지에서 사용자의 브라우저로 스트리밍하는 방식으로 수행됩니다. 즉, 매장에서 제공하는 다양한 제품, 가격 및 정보에 대한 JSON 데이터를 짧은 시간 내에 제공할 수 있습니다.

Layer0 CDN-as-JavaScript란 무엇입니까?

CDN(CDN-as-JavaScript)은 캐시를 간단하게 극대화할 수 있는 애플리케이션 인식 CDN입니다. CDN(CDN-as-JavaScript)은 경로 및 페이지 유형별로 캐싱에 대한 실행 가능한 인사이트를 표시하고 엣지에서 캐싱 및 트래픽 라우팅을 완벽하게 제어할 수 있도록 합니다.

CDN-as-JavaScript는 100개에 가까운 글로벌 PoP 네트워크를 갖추고 있으며 고급 예측 프리페치 기능을 제공하므로 고객이 요청하기 전에 엣지에서 고객의 브라우저로 제품 정보를 스트리밍할 수 있습니다. 그 결과, Layer0의 웹사이트는 동적 콘텐츠에 대해 평균 캐시 적중률이 95%+로 나타났으며, 이커머스에서 흔히 볼 수 있는 낮은 비율과는 대조적으로 10%-15% 범위에서 나타났습니다.

CDN-as-JavaScript는 Layer0의 구성 요소 중 하나일 뿐이며, 대형 전자 상거래 사이트에 대해 1초 미만의 속도를 보장할 수 없으므로 전체 Layer0 패키지가 필요합니다.

기존 CDN을 버리거나 버리지 마십시오!

즉시 진행할 수 있을 때 빠르게 최적화하지 마십시오! Layer0 CDN-as-JavaScript는 현재 CDN을 완전히 대체할 수 있습니다. WAF(Web Application Firewall), DDoS(Distributed Denial of Service) 보호, 봇 방어, 오리진 차폐, 엣지 기반 필터링 등 엣지에 필요한 모든 웹 보안 기능을 갖추고 있습니다.

CDN-as-JavaScript는 100개에 가까운 글로벌 PoP와 9개의 “Super PoP”를 갖추고 있어 콘텐츠와 데이터를 쇼핑객과 가까운 곳에 보관할 수 있습니다. 또한 이미지 최적화 서비스도 제공합니다.

그러나 기존 CDN을 유지하려는 경우 Layer0 CDN-as-JavaScript를 통해 확장할 수 있으며, 웹 사이트 속도가 느려지지 않습니다.

Layer0/Edgio의 다른 이점

자바스크립트로서의 CDN이 CDN을 대체할 수 있든, 아니면 그와 함께 작동할 수 있든, Layer0에는 대규모 웹사이트가 1초 미만의 페이지 로드를 일관되게 제공할 수 있는 몇 가지 다른 이점이 있습니다.

1. 서버리스 JS

  • SSR(Just-In-Time Server-Side Rendering) – 수천 개의 SKU, A/B 테스트, 동적 가격 책정, 실시간 재고 조회 및 프로모션을 보유한 동적 전자 상거래 웹 사이트의 경우 사전 렌더링으로 인해 문제가 해결되지 않습니다. Layer0은 인라인, 즉각적인 서버 측 렌더링 콘텐츠를 제공하며, 이 콘텐츠는 CDN-as-JavaScript를 통해 엣지에서 캐시됩니다.

  • Serverless Node.js – 서버를 관리하지 마십시오. 서버리스 플랫폼을 사용하여 엄청난 트래픽 급증을 처리합니다.

  • API 집계 및 오케스트레이션 – API를 오케스트레이션하고 집계하여 브라우저에 전달되는 페이로드를 최소화하는 등 프런트엔드용 서버리스 JavaScript 백엔드의 일반적인 이점을 누릴 수 있습니다.

  • 합성 API 기술 – 때로는 전자 상거래 플랫폼 또는 사용자 지정 시스템이 전체 API 범위를 제공하지 못할 수도 있습니다. 구매자에게 즉각적인 경험을 제공하기 위해 수개월을 기다리는 이유는 무엇입니까? Layer0을 사용하면 HTML에서 합성 API를 쉽게 만들 수 있습니다.

Layer0 Serverless JavaScript는 HTML을 JSON 데이터로 즉석에서 변환하는 특허 받은 합성 API 기술을 제공합니다. 합성 API 엔드포인트는 쿠키와 리디렉션을 보존하고 웹 페이지에서 iFrame 및 Ajax를 지원합니다. 전체 웹 사이트, 웹 사이트의 일부 또는 네이티브 API와 함께 사용하여 특정 페이지 템플릿의 기능을 강화합니다. 합성 API는 빠르게 실행되며 1초 미만의 웹 사이트 속도를 저하시키지 않습니다.

2. 가장자리 실험

Layer0은 트래픽 라우팅, 최종 테스트 및 초 미만의 통계를 완벽하게 제어할 수 있습니다.

  • 라이브 브랜치로 트래픽 라우팅 – 생성하는 모든 코드 브랜치는 Layer0에서 동일하며 주어진 도메인에 대한 트래픽의 일부 또는 전부를 수신할 수 있습니다. Layer0 Console을 사용하면 라우팅 규칙을 쉽게 조정하고, 변경 사항을 배포하고, 문제가 있는 경우 롤백할 수 있습니다.

  • 모든 헤더 값 또는 확률에 따라 트래픽을 라우팅합니다. 트래픽은 확률(예: 단순 50/50 분할) 또는 헤더 또는 쿠키 값을 기반으로 하는 정교한 규칙(예: 처음 방문자에게 반복 방문자와는 다른 경험을 표시)에 따라 라우팅될 수 있습니다.

Layer0을 사용하면 네트워크 에지에 배포된 모든 브랜치로 라이브 트래픽을 라우팅할 수 있습니다.

  • 실제 A / B 테스트를 실행 – 레이어 0은 웹 사이트 속도에 영향을 미치지 않는 실제 A / B 테스트를 구현할 수 있습니다 . 대부분의 A / B 테스트 도구는 웹 사이트 속도를 늦추고 결과를 왜곡합니다. 이 문제는 하이젠베르크의 불확실성 원리 를 연상시킨다 . 이 원리는입자의 위치가 더 정확하게 결정될수록 초기 조건에서 운동량을 덜 정확하게 예측할 수 있으며 그 반대의 경우도 마찬가지이다. 마찬가지로 사이트를 테스트할 때 테스트가 실패했는지 또는 성공했는지 확신할 수 없지만 테스트로 인해 페이지 로드 속도가 느려져 고객이 실망했습니다. Layer0을 사용하면 이러한 딜레마를 피할 수 있습니다. 모든 새로운 환경이 오리지널 환경과 동일한 속도로 엣지에서 제공되므로 테스트로 페이지 속도가 저하되지 않습니다. 이를 통해 사이트의 속도에 부정적인 영향을 미칠 염려 없이 수많은 A/B 테스트, 기능 플래그, 카나리아 배포 및 기타 사이트 변형을 실행할 수 있습니다.

  • 반복적 마이그레이션 – Layer0을 사용하면 Martin Fowler의 strangler 패턴 에 따라 한 번에 한 섹션씩 앱의 마이그레이션을 반복적으로 수행할 수 있습니다 . 즉, 특정 기능을 점진적으로 “strangling”하고 새로운 애플리케이션 및 서비스로 교체할 수 있습니다. Layer0 CDN-as-JavaScript는 요청을 가로채는 일종의 계층을 구성합니다. 기존 사이트, Layer0의 새 사이트 또는 페이지 유형에 따라 이 둘의 조합으로 요청을 라우팅합니다. 이렇게 하면 웹 사이트의 일부가 점진적으로 마이그레이션되고 소비자는 마이그레이션이 진행되고 있다는 사실을 알지 못하면서 동일한 인터페이스를 계속 사용할 수 있습니다. 먼저 수익 창출 페이지, PLP 및 PDP에 초점을 맞춘 다음 편의에 따라 다른 페이지를 마이그레이션하는 것이 좋습니다.

CDN-AS-JavaScript는 요청을 가로채서 페이지 유형에 따라 기존 사이트, Layer0의 새 사이트 또는 이 둘의 조합으로 라우팅합니다.

3. 지점 시사

Layer0은 앱에 무제한의 자동화된 풀 스택 사전 프로덕션 환경을 지원합니다. 모든 기능 분기는 에지, 서버 및 브라우저 환경을 자동으로 생성합니다.

  • 모든 기능 브랜치에 대한 URL 자동 미리보기 – 모든 기능 브랜치는 제품/프로젝트 관리자, QA 및 기타 사용자가 실시간으로 피드백을 제공할 수 있는 URL을 자동으로 생성하여 피드백 루프를 최소화하고 낭비되는 작업을 방지합니다.

  • 세계 유일의 자동 풀 스택 사전 프로덕션 환경 – 브라우저, 에지 및 서버 코드가 프로덕션 스택과 동일한 환경에 배포됩니다. 사이트가 다시 다운된 경우 CDN 지원 팀에 연락하여 디버깅할 필요가 없습니다.

  • 스테로이드의 CI 및 CD – Layer0 Branch Preview에는 기능 분기에 푸시 할 때 트리거되는 빌더가 포함됩니다. 빌더는 전체 스택 환경에 배포하고, GitHub 상태 검사를 업데이트하고, pull request에 미리보기 URL을 게시합니다.

Branch Preview의 주요 이점:

  • 개발자는 최신 브랜치에서 라이브 코드를 공유하여 테스트할 수 있습니다.

  • 비즈니스 소유자는 실시간으로 변경 사항을 확인할 수 있습니다.

  • 코드 검토 및 피드백 주기 단축

  • QA 및 테스트 프로세스 간소화

요약

정적 웹사이트를 염두에 두고 설계된 기존 CDN은 동적이고 이미지가 풍부한 현대적 이커머스 웹사이트로 적합하지 않습니다. Layer0은 풀 패키지 거래로, 1초 미만의 동적 웹 사이트를 실행하기 위한 완벽한 인프라입니다. CDN과 함께 제공되지만 훨씬 더 많은 것을 제공합니다. 개발, 배포, 미리 보기, 실행, 모니터링, 실험, 그리고 당신의 머리 없는 프론트 엔드를 방어. 그리고 그것은 당신이 모든 최적화 노력에서 매 밀리 초를 짜낼 수 있는지 확인 합니다. Layer0/Edgio에서 실행되는 대형 동적 웹 사이트에 대해 500ms 미만의 중간 페이지 로드를 보장합니다.