클라우드플레어, 에이전트 브라우저 '카이트서프' 업데이트: 웹MCP 지원 및 효율성 개선

카이트서프의 주요 변화

클라우드플레어는 에이전트 전용 브라우저인 카이트서프(Kitesurf)의 주요 업데이트를 발표했다. 이번 업데이트는 웹MCP(Web Machine-Readable Content Protocol) 지원을 포함하여 에이전트의 웹 상호작용 신뢰성을 높이고, 다양한 웹 표준 API를 추가하여 복잡한 페이지 렌더링 능력을 강화한다. 또한, 브라우저 엔진의 내부 최적화를 통해 에이전트의 작업 효율성을 크게 개선했다.

지난 8월 클라우드플레어 워커스(Cloudflare Workers) 기반으로 처음 공개된 카이트서프는 인간 사용자를 위한 기존 브라우저의 복잡성을 줄이고, AI 에이전트의 웹 사용에 필요한 기능에 집중하여 설계되었다. 이번 업데이트는 실제 사용 환경에서의 피드백을 반영하여 에이전트가 웹을 보다 효과적으로 활용할 수 있도록 지원한다.

에이전트 중심 브라우저의 필요성

기존 웹사이트는 인간 사용자의 시각적 상호작용에 맞춰 설계되었기 때문에, AI 에이전트가 프로그램적으로 웹을 탐색하고 기능을 사용하는 데에는 한계가 있었다. 픽셀 클릭을 시뮬레이션하는 방식은 느리고 불안정하여 에이전트의 작업 효율성을 저해하는 요인이었다.

이러한 문제점을 해결하기 위해 웹MCP는 개발자가 웹사이트 기능을 에이전트에 직접 노출할 수 있도록 돕는다. 에이전트는 searchFlights()와 같은 함수를 직접 호출하여 클릭 시뮬레이션 없이 작업을 수행할 수 있다. 클라우드플레어는 웹MCP 초기부터 이를 지원해왔으며, 이제 사이트 소유자는 스위치 하나로 웹MCP를 활성화하여 에이전트가 사이트 코드를 변경하지 않고도 도구를 활용할 수 있게 되었다.

웹 표준 확장 및 성능 최적화

카이트서프는 웹MCP 지원을 넘어 다양한 웹 표준 API를 추가하여 에이전트가 더욱 정교한 웹 페이지를 렌더링할 수 있도록 발전했다. CSS 레이아웃, CSS 타입드 OM(Typed OM), 커스텀 엘리먼트(Custom elements) 등이 새롭게 지원되는 API 목록에 포함된다. 또한, URL 기반 모듈 해석, JSON 모듈, 임포트 맵(import map) 처리 기능이 추가되어 자바스크립트 청크를 로드하는 사이트와의 호환성을 높였다.

성능 측면에서는 에이전트 루프(agentic loop)의 지연 시간을 줄이는 데 중점을 두고 브라우저 엔진 내부를 최적화했다. DOM 순회, 타이머, 폰트 가져오기 등 모든 내부 동작이 최대한 경량화되어 에이전트가 브라우저 대기 시간 대신 추론에 컴퓨팅 자원을 집중할 수 있도록 한다. 예를 들어, getAttribute, id, parentNode와 같은 일반적인 읽기 작업은 이제 Wasm DOM 내에서 처리되어 Boa와 DOM 간의 반복적인 전환 작업을 줄인다.

이러한 최적화에는 타이머 실행 및 스크립트 로딩 시 반복 작업을 줄이고, 더 이상 필요 없는 객체에서 메모리를 해제하는 기능이 포함된다. 또한, 두 자바스크립트 엔진 간 코드 이동 시 객체와 클래스를 더 일관성 있게 처리하여 복잡한 페이지를 효율적으로 실행한다. 폰트 로딩도 개선되어 필요할 때만 폰트를 로드하고, 페이지에 사용되지 않는 폰트 파일은 덜 가져오며, 언어별 폰트 파일을 가져오기 전에 페이지에 나타나는 문자를 확인하고, 합성 이탤릭체를 더 충실하게 렌더링한다.

카이트서프는 웹 플랫폼 테스트(WPT) 통과율을 지속적으로 높여왔다. 출시 당시 23만 개 이상의 서브테스트를 통과했으나, 현재는 73만 개 이상의 서브테스트를 통과하며 웹 표준 구현의 일관성을 입증하고 있다. 이는 출시 이후 50만 개 이상의 서브테스트가 추가로 통과된 수치이다. 이러한 개선에도 불구하고, 카이트서프의 실제 실행 시간과 CPU 사용량은 출시 당시 벤치마크와 거의 동일하거나 일부 경우 개선된 수준을 유지한다.

개발자 경험 개선 및 활용

카이트서프는 클라우드플레어의 개발자 플랫폼 제품인 브라우저 런(Browser Run)과의 통합을 강화했다. 이제 개발자는 브라우저 런 API를 통해 카이트서프를 CDP(Chrome DevTools Protocol), 플레이라이트(Playwright), 퍼페티어(Puppeteer), 또는 MCP와 함께 사용할 수 있다. 이는 카이트서프가 브라우저 런의 전체 API 표면을 지원함을 의미한다.

브라우저 런의 인기 기능 중 하나인 퀵 액션(Quick Actions)은 스크린샷 캡처, HTML 콘텐츠 추출, PDF 생성 등 일반적인 브라우저 작업을 위한 간단한 인터페이스를 제공한다. 기존에는 REST API를 통해서만 퀵 액션을 사용할 수 있었으나, 이제 워커(Worker) 스크립트 내에서 env.BROWSER.quickAction() 바인딩을 통해 직접 호출할 수 있게 되어 개발 편의성이 향상되었다.

또한, 카이트서프는 터미널 환경에서 웹 페이지를 렌더링하는 기능을 추가했다. 카이트서프의 아키텍처는 페이지 스크립트(PageScript)와 페이지 렌더러(PageRenderer)를 분리하는데, 이 중 페이지 렌더러를 터미널 그래픽 프로토콜인 키티(Kitty) 또는 순수 ANSI 텍스트 모드로 출력하도록 패치했다. 이를 통해 개발자는 키티, 고스티(Ghostty), 위즈텀(WezTerm)과 같은 최신 터미널에서 웹 페이지를 빠르게 열고 렌더링할 수 있다.

터미널 버전은 스크롤 및 클릭 이벤트를 다시 전송하므로, 키보드, 화살표 또는 마우스를 사용하여 전용 브라우저 애플리케이션 창에서와 같이 상호작용할 수 있다. 이 기능은 개발자가 컨텍스트 전환 없이 웹을 빠르게 탐색할 수 있게 할 뿐만 아니라, 에이전트가 웹 페이지를 "보는" 방식을 시각적으로 이해하는 데 유용하다. 터미널 버전은 npx @cloudflare/kitesurf-terminal 명령어를 통해 설치할 수 있다.

향후 계획 및 운영 방침

클라우드플레어는 고객과 개발자를 위한 최적의 에이전트 브라우저를 목표로 카이트서프를 지속적으로 개선할 계획이다. 앞으로도 성능 벤치마크와 지원되는 웹 표준 목록, 웹 플랫폼 테스트 커버리지가 빠르게 증가할 것으로 예상된다. 클라우드플레어는 이러한 진행 상황을 실시간으로 추적할 수 있도록 결과를 공개적으로 게시하고 있다.

페이지 렌더러를 페이지 스크립트로부터 분리하는 아키텍처의 장점을 활용하여, 에이전트에게 유리하거나 높은 프레임 속도가 중요한 시나리오를 계속 탐색할 예정이다. 현재는 빠른 개발에 우선순위를 두고 있지만, 카이트서프를 오픈 소스로 공개할 계획도 가지고 있으며, 장기적인 지원을 위해 신중하게 준비하고 있다.

카이트서프는 클라우드플레어 워커스 위에서 완전히 실행된다는 초기 설계 목표를 유지한다. 이는 클라우드플레어의 공개 API와 기능을 사용하며, 특별한 권한 없이 운영된다는 것을 의미한다. 이러한 방식은 클라우드플레어 플랫폼 자체를 검증하는 동시에, 카이트서프를 저렴하게 유지하고 클라우드플레어 글로벌 네트워크 전반에서 자동으로 확장할 수 있는 기반이 된다. 카이트서프는 현재 베타 기간 동안 계정별 제한 내에서 무료로 제공되며, 개발자들은 kitesurf.dev 플레이그라운드와 브라우저 런을 통해 이를 경험할 수 있다.