코어 웹 바이탈
Core Web Vitals
로딩 속도(LCP) 시각적 안정성(CLS) 상호작용 응답성(INP)을 측정하는 구글의 핵심 성능 지표
전 세계 분산 CDN 노드에 정적 자산과 서버리스 함수를 배치해 사용자와 가장 가까운 위치에서 응답입니다. 정의와 상세 설명을 통해 기술적 원리를 이해하고, 비즈니스에 미치는 영향과 실무 적용 방법, 구현 시 고려할 주의사항을 관련 용어와 함께 확인하세요.
Edge Deployment
엣지 배포는 아마존 CloudFront, Cloudflare, Vercel Edge Network처럼 전 세계 수백 개 거점(PoP)에 콘텐츠와 서버리스 로직을 동시에 복제해 두어, 사용자의 요청이 물리적으로 가장 가까운 서버에서 처리되도록 하는 구조다. 서울 사용자가 미국 서버까지 왕복하지 않아도 되므로 네트워크 레이턴시가 수백 밀리초에서 수십 밀리초로 줄어드는 효과가 있다. 콘텐츠가 수정됐을 때 전 세계 모든 엣지 노드의 캐시를 동시에 무효화하는 정책을 세우지 않으면 지역별로 다른 버전이 보이는 불일치가 발생할 수 있다.
지리적 레이턴시를 최소화하여 코어 웹 바이탈(LCP) 극대화 및 크롤러 수집 가속
에지 캐시 무효화(Cache Invalidation) 정책을 수립해 수정 지연 방지
Core Web Vitals
로딩 속도(LCP) 시각적 안정성(CLS) 상호작용 응답성(INP)을 측정하는 구글의 핵심 성능 지표
Headless Content Management System
콘텐츠 관리 백엔드와 프론트엔드 UI를 분리하고 API를 통해 콘텐츠를 서빙하는 아키텍처
Decoupled Architecture
백엔드와 프론트엔드가 독립된 레이어로 분리되어 API로만 통신하는 소프트웨어 구조
JavaScript APIs and Markup
클라이언트 JS와 재사용 API 및 사전 빌드된 마크업으로 웹을 구성하는 아키텍처
Static Site Generation
빌드 타임에 모든 페이지의 HTML CSS JS를 미리 렌더링해 정적 파일로 생성하는 방식
Server-Side Rendering
요청이 들어올 때마다 서버에서 동적으로 HTML을 실시간 생성하여 브라우저에 전달하는 방식