Home Blogs 웹 빌더 Velocity를 저해하는 요소
Applications

웹 빌더 Velocity를 저해하는 요소

About The Author

Outline

원본 소스: Layer0 귀하의 웹 사이트를 빛나게 만드는 팀에 모자. 최신 웹 애플리케이션을 구축, 관리, 디버깅, 업데이트, 보안 및 모니터링하려면 20개 이상의 서로 다른 클라우드 프리미티브 및 웹 서비스를 함께 연결해야 합니다. 쉽지 않습니다. 여러분의 팀은 여러분의 비즈니스를 위해 최선을 다하기 위해 매일 드래곤과 싸웁니다. 하지만 드래곤과 싸울 필요가 없다면 어떨까요? 업데이트를 두 배 더 빨리 출시할 수 있다면 어떨까요? 수익에 영향을 미칠 수 있는 중요한 정보를 손끝에서 확인할 수 있다면 어떨까요? 그리고 당신의 웹 사이트가 눈 깜짝할 사이에 로드된다면 어떨까요? 무엇을 성취할 수 있는지 상상해 보십시오.

빌더 속도가 중요한 이유 (힌트 : 돈입니다)

빌더 속도는 회사 매출 및 비용 절감과 밀접한 상관관계가 있습니다. 높은 생산성은 항상 대차 대조표의 비용 측면에 반영되지만 대차 대조표의 수입 측면에 미치는 영향은 어떻습니까? 상관관계가 있습니까? 글로벌 경영 컨설팅 회사인 McKinsey&Company는 이 문제를 해결하기로 결정했습니다. 결과는 놀랍습니다. 최상위 개발자 속도를 보유한 기업의 매출 성장률은 최대 5배에 달합니다.

McKinsey의 연구는 소프트웨어, 금융 서비스, 소매, 자동차 및 제조 업종의 매출과 생산 배포를 살펴봄으로써 DVI(Developer Velocity Index)의 최상위 사분위에 속하는 기업들이 시장에서 다른 기업들보다 4-5배 더 높은 성과를 보인다는 것을 발견했습니다.

‘소프트웨어가 세상을 먹는다’는 것처럼, 업데이트를 배송하는 속도는 시장에서 침몰할지 수영할지 여부를 결정합니다.

웹 빌더의 속도를 저지하는 것은 무엇입니까?

지난 10년 동안 AWS(Amazon Web Services)는 소프트웨어 및 하드웨어 인프라를 구매하고 사용하는 방식을 완전히 바꾸어 놓았습니다. 이들 업체와 경쟁업체는 컴퓨팅 및 스토리지와 같은 수천 개의 포인트 서비스(클라우드 프리미티브)를 개발했습니다. 이러한 서비스는 웹 애플리케이션을 구축하기 위해 팀이 조립하고 유지해야 하는 망치와 손톱이 되었습니다.

불행히도, 너무 많은 경우에 노력이 통제 불능으로 성장했습니다. 조직은 부족하고 비싼 인재로 구성된 팀 전체를 모았습니다. 또한 대부분의 리소스는 애플리케이션이 규모에 맞게 운영되도록 유지하는 데 사용되기도 합니다. 많은 팀이 상호 운용성, 안정성, 확장성 및 기타 ‘itys’와 같은 비기능적 요구 사항(NFR)으로 인해 곤경에 처해 있습니다. 많은 사람들이 앱 자체를 개선하는 것보다 NFR에 더 많은 시간을 할애합니다.

오늘날, 20개 이상의 ‘클라우드 프리미티브’가 최신 웹 앱을 배포하는 데 일반적으로 필요합니다. 많은 기업들이 클라우드 인프라, CDN, 보안, 관찰 가능성, 지속적인 통합/지속적인 구축 전반에 걸쳐 최소 3개 이상의 벤더를 사용하고 있습니다. 다음은 웹 애플리케이션을 위해 조립해야 하는 컴포넌트의 예입니다.

일반적인 웹 애플리케이션의 구성 요소 최신 웹 앱에는 서비스 및 에지 구성, 도메인 및 보안, 상태 점검 및 개발을 위한 여러 도구가 필요합니다. 더 나쁜 것은 작업이 쉽지 않으며 모집하고 유지하기 어려운 전문가를 필요로합니다. 일부 CTO는 이러한 전문가들을 교육시켜 클라우드 벤더가 그들을 밀렵하게 한다고 불평했습니다. 개발자 경험 격차 에서 레드몽크의 스티븐 오그래디는 다음과 같이 유명한 글을 썼다. 단편화로 인해 공급업체는 완전히 통합된 툴체인에 필요한 구성 요소를 기본적으로 공급할 수 없습니다. 그러나 개발자들이 코드 작성에서 시간을 빌려 덕트 테이프와 베어링 와이어로 장소에 고정된 매우 복잡한 멀티 팩터 개발자 툴체인과 관련된 문제를 관리하도록 강요하는 현실을 바꾸지는 않습니다. 이것은 개발자 경험의 격차입니다. 개발자들에게 그들이 원하는 인프라 원시적인 것을 제공하는 시장은 그들을 하나로 묶는 것이 개발자의 문제라고 동시에 말하고 있다. 이 개발자의 문제는 개발자 속도를 저하시켜 매출 증가를 저해할 수 있습니다.

터보차저 현상기 속도

좋은 소식은 앱과 API를 빌드, 관리, 디버그 및 업데이트하는 더 나은 방법이 있다는 것입니다. 팀은 단일 플랫폼으로 20개 이상의 클라우드 프리미티브의 성능을 활용할 수 있습니다. 초점이 복잡한 배관 공사에서 효율적인 최적화로 전환되어 더 빠르고 안정적인 릴리스로 이어집니다. 이 모든 것은 Jamstack 플랫폼이라고도 하는 AppOps라는 빠르게 성장하는 움직임 덕분입니다. AppOps는 기존 CDN 시장을 뒤흔들고 있습니다. 이제 CDN과 에지 컴퓨팅은 iPhone 출시 이후 디지털 카메라가 스마트폰의 기능이 된 것처럼 훨씬 더 큰 제품 내에서 간단한 기능이 될 수 있습니다. Layer0 by Limelight는 빌더 친화적인 AppOps 플랫폼으로, 팀원들이 산만하지 않고 앱을 개선하는 데 집중할 수 있도록 하며, 세계 최대 규모의 최고 성능의 독점 글로벌 네트워크에서 실행됩니다. 이 플랫폼은 신속한 배포, 보안 통합, 안심하고 릴리스할 수 있는 기능, 마이크로서비스 아키텍처로의 진화, 비용 절감 등 5가지 핵심 이점을 바탕으로 다른 플랫폼보다 우수합니다.

놀라운 개발자 경험

Layer0의 팀은 성능 및 성능 향상을 위한 기회를 한 눈에 보여주는 페이지를 포함하여 생산성 도구가 내장된 일반 팀보다 최대 두 배 빠른 속도로 출시됩니다. JavaScript 구성 가능 CDN JavaScript 기반의 성능, 선언적, 프레임워크에 구애받지 않는 에지 구성 언어인 EdgeJS를 사용하면 에지 관리가 간소화됩니다. EdgeJS는 프런트엔드 애플리케이션에 임베디드될 수 있으며 선언적이기 때문에 개발자는 모든 논리를 작성하는 대신 자신의 목표를 설명하기만 하면 됩니다. 이를 통해 사용 및 유지 관리가 용이합니다. Layer0 팀은 개발 프로세스 전반에 걸쳐 엣지 로직을 테스트, 검토 및 버전 제어할 수 있습니다. 즉, 팀은 엣지에 대해 로컬로 개발하고 애플리케이션 코드에 연결된 동적 데이터에 대해 높은 캐시 적중률을 보장할 수 있습니다.

대시보드

Layer0 개요 화면

핵심 웹 바이탈, 트래픽, 오류, 캐시 적중률, 프리페치 통계 및 최근 활동을 포함하여 프로젝트의 상태를 한 눈에 요약하는 Layer0의 개요 화면입니다.

도구 설명은 동일한 화면에서 그래프 간에 동기화되므로 여러 메트릭에서 정보를 보다 쉽게 상호 연관시킬 수 있습니다. 예를 들어 개요 탭에서 캐시 적중률 그래프 위로 마우스를 가져가면 트래픽 그래프에서 같은 날짜에 대한 도구 설명도 표시됩니다.

RUM(실제 사용자 모니터링)

Google은 사용자 경험에 큰 영향을 미치는 일련의 지표인 Core Web Vitals라는 성능 지표를 기반으로 검색에서 웹 사이트의 순위를 매깁니다. Layer0의 RUM Analytics를 사용하면 Google Search Console 또는 Page Speed Insights에서 며칠 또는 몇 주를 기다리지 않고 몇 분 만에 사이트 변경의 영향을 이해할 수 있습니다.

시간에 따른 페이지 조회 수, 분포 및 RUM 이벤트를 보여 주는 차트가 있으므로 지난 주에 발생한 일과 해결 방법, 몇 달 전 잘하고 있었던 일, 잠재적인 Core Web Vitals 위협에 접근하는 방법 등을 알 수 있습니다.시간 및 분포에 따른 추세를 확인할 수 있습니다.

캐싱 조종석

모든 경로에 대한 전체 캐시 적중률(CHR), 배포가 CHR에 미치는 영향 및 캐시 제거 기록을 확인합니다. 경로, 서로게이트 키 또는 그룹별로 캐시를 쉽게 제거할 수 있습니다. 아마도 가장 강력한 도구는 트래픽, CPU, 메모리, 프리페치 적중률 등과 함께 경로별로 CHR을 볼 수있는 기능입니다. 사이트에 방문한 모든 URL을 표시하는 기존 CDN과 달리 Layer0은 코드 기반과 통합되며 라우트를 인식하므로 개선이 필요한 경로를 쉽게 확인할 수 있습니다. 이 기능은 1초 미만의 속도를 달성하고자 하는 최고 성능의 사이트에 매우 유용합니다.

High Velocity 팀의 비율

플랫폼의 성능 도구 중 일부에 불과합니다. 함께, 팀은 그들이 이전보다 두 배 빨리 출시하고 있습니다. John Beadles, 턴키 휴가 임대 수석 웹 개발자 공유, “Layer0는 우리의 [릴리스] 케이던스를 적어도 2 배, 어쩌면 더 높은.”

또한 최상위 개발자 속도를 보유한 기업의 매출 성장률은 최대 5배에 달합니다.

강력한 웹 보안

개발자는 더 이상 보안을 엣지 로직에 수동으로 통합할 필요가 없습니다. DDoS, WAF 및 봇 관리 솔루션을 Layer0의 워크플로우에 신속하게 구축하십시오.

WAF

OWASP 상위 10개 취약점, Log4J 위협, PHP 개체 삽입, SQL 삽입 등과 같은 일반적이거나 새로운 악용을 필터링하고 차단하는 관리되는 규칙 집합이 포함된 웹 애플리케이션 방화벽

봇 관리

애플리케이션을 쿼리하고 귀중한 리소스를 소비하는 다양한 봇을 탐지하고 관리합니다. SEO, 검색 엔진, 나쁜 데이터 센터, 소셜 미디어, 스크레이핑 봇 등 봇 트래픽이 원치 않는 경우 이를 표시하고 차단할 수 있습니다.

DDoS Protection

Layer0은 Limelight의 고대역폭, 전 세계적으로 분산된 상시 가동형 네트워크에 있으며 다양한 네트워크 레이어 DDoS 공격을 검사하고 격퇴하여 리소스를 실시간으로 안전하게 보호합니다.

신뢰할 수 있는 릴리스

DevOps 팀이 안심하고 출시할 수 없다면 생산성, 성능 및 보호가 완전하지 않을 것입니다. Layer0에는 다음과 같은 강력한 트래픽 분할 및 기능 관리 도구가 포함되어 있습니다.

  • 엣지에서 포인트 앤 클릭 트래픽 라우팅 및 분할 – 애플리케이션 코드를 이해하지 못하는 기존 CDN 내의 툴보다 훨씬 사용하기 쉽습니다.
  • Canary 및 파란색/녹색 배포로 안전하게 업데이트 푸시 가능
  • 로드맵에 더 많은 기능이 추가된 기능 플래그(일명 어두운 기능)
  • 모든 선도적인 실험 플랫폼과 통합되는 웹 사이트의 속도를 저하시키지 않는 엣지에서 A/B 테스트

브라우저 코드, 에지 코드 및 클라우드 서버리스 코드를 하나의 원자 패키지에 포함하는 ‘전체 스택’ 변형입니다. DevOps 팀 구성원은 고객이 의도한 바를 정확히 얻고 있다는 확신을 가지고 알 수 있습니다.

마이크로서비스 및 헤드리스 솔루션으로 진화

속도, 유연성 및 민첩성을 빠르게 얻기 위해 고객은 Layer0에서 헤드리스 아키텍처로 쉽게 전환하여 API를 통해 프런트엔드 프레젠테이션 레이어를 백엔드 로직에서 분리할 수 있습니다.

이 사례 연구에서 Kate Spade(Tapestry)는 Layer0을 사용하여 Salesforce Commerce Cloud의 새 버전으로 점진적으로 마이그레이션했습니다.

Kate Spade는 레이어 0에서 한 번에 한 페이지씩 헤드리스(headless)로 마이그레이션합니다. KateSpade.com 은 Salesforce의 SiteGenesis 아키텍처를 기반으로 하며 기존 CDN을 통해 Salesforce Commerce Cloud에 저장된 비즈니스 데이터를 가져옵니다. 그러나 이제 Layer0에 의해 캐시되고 렌더링된 모든 페이지는 더 높은 캐시 적중률을 위해 Layer0으로 직접 전달됩니다. Layer0은 Kate Spade의 데이터 계층과 프런트엔드 사이에 있습니다. 이전의 모놀리식 플랫폼에는 실제 물리적 서버가 수반되었기 때문에 트래픽이 높을수록 서버 부하가 증가하여 쇼핑 환경이 느려졌습니다. Layer0과 같은 서버리스 플랫폼을 사용하여 KateSpade.com 이제 모든 트래픽 수준으로 확장됩니다. 민첩성 측면에서 볼 때, 제한적인 Salesforce 인프라에 의존하지 않으므로 업데이트가 더 빠르고 쉬워집니다. 이전에는 업데이트가 모두 하나의 빌드에 포함되어 있었기 때문에 팀이 업데이트를 보기 위해 몇 주를 기다렸습니다. 이제 이러한 업데이트는 청크에서 손상되어 위험이 낮은 배포 빈도를 높일 수 있습니다. Layer0은 헤드리스 웹사이트의 성능 리더로서, 상위 Jamstack 플랫폼 중 45개를 지원하며 계속 증가하고 있습니다.

단순화 및 비용 절감

서로 조율하는 데 필요한 이질적인 도구를 구입하는 대신 더 간단하고 저렴한 접근 방식으로 원하는 비즈니스 결과를 얻을 수 있습니다. 다음은 두 가지 접근 방식의 비용을 비교한 보기입니다.

Layer0을 사용하면 저렴한 비용으로 더 나은 결과를 얻을 수 있습니다. 건설 팀은 배관에 대한 걱정을 멈추고 솔루션을 경쟁업체와 차별화할 혁신에 집중할 수 있습니다.

보너스: 더 빠른 웹 경험 제공

빌더 팀의 속도를 두 배로 높이는 것만으로는 충분하지 않은 것처럼 웹 경험을 획기적으로 더 빠르게 제공할 수 있습니다. Layer0 by Limelight는 세계에서 가장 프로그래밍 가능하고 빠른 웹 애플리케이션 CDN 및 에지 플랫폼입니다. 개발자는 정적 콘텐츠가 아닌 동적 데이터의 캐싱 및 방문자의 디바이스에 대한 예측 프리페치와 같은 혁신적인 성능 기능을 제어할 수 있습니다. 이에 대한 자세한 내용은 다음 기사에서!