Home 기술 문서 웹 CDN이 고장난 이유 및 해결 방법
Applications

웹 CDN이 고장난 이유 및 해결 방법

About The Author

Outline

현재 접근 방식

CDN(콘텐츠 전송 네트워크)은 웹 애플리케이션, 웹사이트 및 API 전송에 중요한 역할을 합니다. 웹 사이트/앱 방문자 및 고객과 가장 가까운 위치에서 캐시된 콘텐츠를 제공합니다. 이렇게 하면 고객이 브라우저에 콘텐츠를 표시하는 데 걸리는 시간이 줄어듭니다. 사이트 제공 시간을 단축하고 고객 경험을 향상시키고 전자 상거래 회사의 매출을 높일 수 있기 때문입니다.

CDN이 효과적으로 작동하려면 “기술 스택”이라고도 하는 기본 웹 사이트 기술과 잘 작동하는 방식으로 구성해야 합니다. 구성 방식을 “캐싱 전략”이라고 합니다.

그러나 많은 CDN은 기술 스택의 코드 베이스에서 구성 변경을 허용하지 않습니다. 현장에서 작업하는 엔지니어는 이 중요한 성능 인프라를 제어할 수 없습니다. 대신 격리된 사용자 인터페이스에서 추가 팀/관계자가 업데이트를 수행해야 하므로 엔지니어가 테스트 및 디버깅을 매우 어렵고 시간이 많이 소요됩니다.

일반 CDN의 경우 구성 업데이트는 코드베이스 내에서 버전 제어되지 않습니다. 이러한 중앙 집중식 제어의 부재는 기술 스택에 위험을 초래합니다. 혼란을 야기하여 여러 팀에서 상당한 시간과 리소스를 소비합니다. 기술 스택에 도입된 문제를 찾는 것은 건초 더미(직접 액세스할 수도 없는 건초 더미)에서 바늘을 찾는 것과 같습니다. 코드베이스에 통합하지 않고 문제를 추적하는 유일한 방법은 고객 불만 및/또는 별도의 팀의 의견에 의존하는 것입니다. 이로 인해 투명성, 책임성 및 효율성이 결여되어 사이트 다운타임, 매출 손실, 고객 불만족이 초래될 수 있습니다.

또한 CDN의 캐싱은 일반적으로 정적 데이터로 제한됩니다. 개발자는 코드의 동적 데이터를 이해하지만 기존 CDN에서는 캐싱을 관리할 수 없습니다. 따라서 가장 중요한 콘텐츠의 상당 부분을 웹 사이트에 캐싱하는 것이 매우 어렵거나 불가능하여 전반적인 성능에 영향을 미칩니다.

Edgio 응용 프로그램 소개

Edgio 응용 프로그램 플랫폼은 팀이 웹 응용 프로그램 및 API를 쉽게 구축, 출시, 보호 및 가속할 수 있도록 합니다. 사이트를 배포, 보호 및 모니터링하는 모든 기능을 제공합니다.

개발자에게는 EdgeJS가 제공되고 있습니다. EdgeJS는 javascript의 CDN 구성입니다. 기존 CDN과 달리 EdgeJS는 캐싱을 확장하고 개발 워크플로우에 통합하도록 설계되어 있습니다. 동적 데이터 및 정적 콘텐츠에 대한 CDN 구성을 쉽게 업데이트할 수 있는 기능을 제공합니다.

Edgio 웹 CDN은 로컬 또는 비프로덕션 환경에서 테스트한 후 가동할 수 있습니다. 따라서 개발자는 동일하지만 다른 환경에서 Q/A를 통해 변경 사항을 철저히 검토한 후 프로덕션으로 쉽게 마이그레이션할 수 있습니다.

워크플로우의 이점은 매우 큽니다. 유지 관리 윈도우가 필요하지 않고 불필요한 롤백이 종료되며 문제를 쉽게 추적하고 찾을 수 있으며 CDN 구성 업데이트에 대한 가시성 부족으로 인한 실수를 방지하여 전반적인 팀 속도를 개선하고 고객/웹 사이트 최종 사용자를 위한 사이트 성능을 향상시킬 수 있습니다.

접근 방식의 장점

코드베이스에서 EdgeJS의 구성 업데이트를 직접 제어함으로써 업데이트 프로세스에서 이전에 연결이 끊어진 부분을 수정할 수 있습니다. 업데이트의 속도와 품질이 향상되어 문제를 찾거나 롤백하는 데 소요되는 시간이 줄어들어 출시 시간이 단축됩니다.

또한 Edgio Applications를 사용하면 웹 페이지에 1초 이내의 성능을 구현할 수 있습니다. EdgeJS는 정적 및 동적 캐싱 외에도 브라우저에 대한 예측 프리페치에 대한 액세스를 제공합니다. 프리페치는 사용자가 페이지 방문을 시도하기 전에 API 호출, 웹 페이지 및 자산을 로컬로 캐싱하여 방문자의 경험을 가속화합니다. 에지 네트워크와 조화를 이루는 사전 구축된 맞춤형 서비스 워커를 사용하여 EdgeJS는 방문자 뷰포트, 방문자가 많은 페이지 또는 사용자 정의 경로에 있는 모든 URL에서 HTML 및 API 데이터를 직접 프리페치합니다. 사용자의 디바이스에서 브라우저로 프리페치할 수 있는 기능을 통해 Edgio는 프리페치 요청을 스마트하게 처리하고 표준 요청을 통해 고유하게 처리하도록 맞춤 설계된 유일한 에지 네트워크입니다.

또한 프리페치에는 동적 데이터와 백그라운드의 이미지 및 자산을 딥 페치하는 기능도 포함됩니다. 동적 데이터를 캐싱 전략의 일부로 타겟팅하고 올바르게 수행 할 수있는 도구를 제공하는 것은 Edgio만의 독점적 인 일입니다. 경쟁사와 차별화되는 가장 주목할만한 기능 중 하나입니다. 일반적으로 웹 사이트는 동적 데이터를 캐시하지 않기 때문에 많은 사이트에서 캐시되지 않는 부분이 많습니다. Edgio 고객은 “즉시 사용 가능한” 사용하기 쉬운 방식으로 동적 데이터 캐싱을 제공함으로써 페이지 로딩 속도가 1초 미만으로 빨라져 사용자 만족도가 높아지고 매출이 증가하며 경쟁업체보다 우수한 웹 사이트가 탄생합니다.

사례 연구:

아키라

결과:

  • 웹 사이트가 이전보다 71% 빨라졌습니다.
  • 4G 네트워크에서 500ms 굽기 속도
  • +30.1% 초 미만의 웹 사이트에서 유기적 트래픽
  • +61.4% 결제 시작 및 간소화된 온라인 경험
  • 80% 이상의 모바일 트랜잭션으로 전환율 37.25% 상승
  • Bolt의 최적화된 체크아웃으로 체크아웃 전환율 9.16% 상승

Akira 사례 연구를 읽어보십시오.

Shoe Carnival

결과:

  • 6초에서 500ms로 감소하는 탐색 전환 횟수 92% 감소
  • 첫 번째 부하 속도가 70.5% 증가하여 3.4초에서 1초로 감소
  • 98 %의 웹 사이트 및 Amazon, Zappos, Nordstrom을 능가합니다.
  • 1초 미만의 웹 사이트로 매출 40% 증가
  • Edgio를 통한 엔터프라이즈 민첩성 향상

Shoe Carnival 사례 연구를 읽어 보십시오.

범용 표준

결과:

  • 하이브리드 Jamstack 접근 방식 엣지에서 정적 및 동적 데이터 캐싱
  • PLP에서 PDP로 600ms 페이지 로드
  • 이탈률 40% 감소 및 핵심 웹 바이탈 통과
  • 모바일 전환율 200% 상승

Universal Standard 사례 연구를 읽어 보십시오.

Edge 인사이트 분석 대시보드

이 새로운 올인원 에지 분석 솔루션은 성능(CDN)과 보안에 대한 통찰력을 한 곳에서 제공합니다. 다차원 필터링을 사용하여 필요한 답을 거의 실시간으로 얻을 수 있습니다.

추가 리소스:

프리페치: https://docs.edg.io/guides/prefetching