엣지 렌더링이란 무엇이며 왜 중요한가

전통적인 웹 서버는 하나의 지리적 리전에 호스팅됩니다. 해당 리전과 가까운 사용자는 빠른 응답을 받지만, 멀리 떨어진 사용자는 상당한 지연 시간을 겪습니다. 예를 들어 도쿄의 사용자가 US-East 서버에 있는 콘텐츠를 요청하면 첫 번째 바이트가 도착하기 전 왕복 시간이 200ms 이상 추가됩니다.

콘텐츠 전송 네트워크(CDN)는 이미지, CSS, JavaScript 같은 정적 파일을 전 세계 수십 곳의 서비스 접점(PoPs)에 캐시하고 가장 가까운 위치에서 제공합니다. 그러나 전통적인 CDN은 코드를 실행할 수 없으며, 미리 빌드된 정적 콘텐츠만 제공할 수 있습니다.

엣지 런타임은 전 세계 CDN PoPs에서 JavaScript를 실행하여 동적 요청의 원본 서버 왕복을 없앱니다. 요청을 하나의 서버로 라우팅하는 대신 사용자와 가장 가까운 PoP에서 처리하므로, 같은 도시 안에서 처리되는 경우도 많으며 지연 시간이 크게 줄어듭니다.

Cloudflare Workers는 300곳이 넘는 전 세계 위치에서 V8 격리 환경을 사용하여 JavaScript를 실행합니다. 서버리스 함수(Lambda, Cloud Run)와 달리 Workers는 콜드 스타트가 거의 없으며, Lambda에서 일반적인 100ms 이상의 시간이 아니라 마이크로초 단위로 측정됩니다. 컨테이너를 새로 시작하는 대신 V8 격리 환경을 재사용하기 때문입니다.

엣지 렌더링은 각 사용자와 가장 가까운 엣지 PoP에서 React 애플리케이션을 서버 렌더링하고 그 결과인 HTML을 즉시 제공하는 것을 의미합니다. 도쿄의 사용자는 버지니아의 서버가 아니라 싱가포르 PoP에서 완전히 렌더링된 HTML 페이지를 받습니다.

US-East에서 제공되는 일반적인 SSR 앱은 도쿄에 도달하는 데 400ms가 걸릴 수 있습니다(네트워크 200ms + 서버 렌더링 200ms). 엣지 렌더링을 사용하면 싱가포르에서 렌더링되므로 네트워크 지연 시간이 30ms로 줄어들고, 전체 HTML을 100ms 이내에 제공할 수 있습니다. 체감 로딩 시간이 4배 향상되는 셈입니다.

엣지 런타임은 완전한 Node.js 환경이 아닙니다. Cloudflare Workers에서는 Node.js 핵심 API(fs, net, crypto)를 사용할 수 없고, 요청당 CPU 시간을 50ms로 제한하며(유료 요금제에서는 더 긴 시간을 허용), 메모리도 제한하고 파일 시스템에 접근할 수 없습니다. 이러한 제약을 고려한 신중한 아키텍처가 필요합니다.

여러 플랫폼에서 엣지 런타임을 제공합니다. Vercel Edge Functions는 동일한 V8 격리 환경 모델을 기반으로 하고, Deno Deploy는 엣지에서 Deno 런타임을 사용하며, Fastly Compute는 WebAssembly를 사용합니다. 각 플랫폼은 API 호환성, 전 세계 지원 범위, 요금 체계가 서로 다릅니다.

엣지 렌더링은 대부분 정적이지만 어느 정도 개인화가 필요한 콘텐츠에 가장 큰 효과가 있습니다. 예를 들어 A/B 테스트 변형이 있는 마케팅 페이지, 지역 맞춤 콘텐츠가 있는 랜딩 페이지, 사용자별 요소(로그인 상태, 언어)가 포함된 블로그 게시물 등이 해당합니다. 매우 동적이고 데이터베이스 의존성이 큰 페이지에서는 효과가 상대적으로 작습니다.

Lambda와 Cloud Run 함수는 컨테이너를 시작하고, 코드를 다운로드하고, 런타임을 초기화한 다음 실행하므로 콜드 스타트에 100~1000ms가 걸립니다. Workers는 이미 실행 중인 V8 격리 환경을 재사용하므로 콜드 스타트가 사실상 느껴지지 않으며 5ms 미만입니다.

대부분의 실제 운영 앱은 엣지 렌더링을 선별적으로 사용합니다. 엣지에서는 빠르고 대부분 정적인 페이지를 렌더링하고, 리전 서버에서는 인증이 필요하고 데이터베이스 의존성이 큰 작업을 처리합니다. 이러한 하이브리드 접근 방식은 엣지 렌더링의 지연 시간 개선 효과를 얻으면서도 그 한계와 충돌하지 않게 해줍니다.

AWS Lambda와 비교했을 때 Cloudflare Workers의 콜드 스타트가 거의 없는 이유는 무엇인가요?

엣지 렌더링은 전 세계 CDN PoPs에서 JavaScript를 실행하여 원본 서버 왕복을 없애고 지연 시간을 크게 줄입니다. Cloudflare Workers는 V8 격리 환경을 기반으로 300곳이 넘는 위치에서 마이크로초 단위의 콜드 스타트를 제공하는 대표적인 플랫폼입니다. Node.js API를 사용할 수 없고 CPU가 제한되는 등의 실제 절충점이 있으므로, 엣지 렌더링은 무거운 데이터베이스 기반 페이지보다는 마케팅 페이지와 개인화되었지만 대부분 정적인 콘텐츠에 적합합니다.