pile·
프론트엔드·vercel-blogVercel Blog·

Flags SDK, 플래그 평가 속도 10배 개선

Vercel의 Flags SDK와 Vercel Flags가 여러 피처 플래그를 동시에 bulk 평가할 때 기존 대비 약 10배 빠른 처리 속도를 달성했다. 내부적으로 마이크로태스크 큐 오버헤드와 Promise 생성 비용을 줄이는 방식으로 개선됐으며, 평가하는 플래그 수가 많을수록 이득이 커진다.

핵심 포인트
  • bulk 평가 시 마이크로태스크 큐 오버헤드와 Promise 생성 수를 줄여 기존 대비 약 10배 속도 향상
  • 배열 문법: evaluate([flagA, flagB]) 로 여러 플래그를 한 번에 평가한다
  • 객체 문법: evaluate({ a: flagA, b: flagB }) 로 이름을 명시해 평가할 수 있다
  • precompute() 함수는 코드 수정 없이 자동으로 bulk 최적화를 적용한다
  • flags와 @flags-sdk/vercel 패키지를 최신 버전으로 업데이트하면 즉시 적용된다
왜 읽나Vercel Flags SDK로 피처 플래그를 여러 개 평가하는 Next.js 개발자에게 bulk 평가 API 패턴과 내부 개선 원리를 빠르게 파악할 수 있다.
vercel-blog
Vercel Blog 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·토스 SLASH토스 SLASH·

    전체 데이터를 브라우저에 두는 광고 대시보드 만들기

    토스 광고 플랫폼팀이 광고 대시보드의 데이터 처리를 서버에서 브라우저로 전환한 프론트엔드 아키텍처 개선기다. 모든 조작(필터·정렬·검색·페이지네이션)이 서버 요청을 유발하던 구조에서, 진입 시 전체 데이터를 한 번에 내려받고 Web Worker에서 클라이언트 연산으로 처리하도록 바꿨다. 결과적으로 네 가지 버그가 동시에 자동 해소됐다.

    요약 이어보기
    #performance#dashboard#web-worker+2