우아한형제들, critical-script로 배달의민족 웹뷰 로딩 성능 개선 (실사용자 LCP 25~35% 향상)

·2026.10.21 16:56

핵심 내용

인라인 스크립트로 API 요청을 병렬화해 웹뷰 로딩 성능을 개선하고 약 80개 페이지에 적용했다.

critical-script 번들러 플러그인 개발로 HTML 파싱 시점에 API 요청을 시작해 로딩 워터폴을 병렬화함
가게홈 웹뷰 LCP가 특정 테스트 환경(갤럭시 S22+, Wi-Fi)에서 1,340ms에서 847ms로 37% 개선되고, 실사용자 데이터 기준 p50~p90 LCP가 25~35% 향상됨
인라인 스크립트 코드를 페이지 옆에 배치하고 메인 앱 모듈을 공유할 수 있도록 Vite 플러그인으로 구현함
API prefetch, LCP 이미지 preload, FCP 스켈레톤 최적화 등 약 80개 페이지에서 활용 중이며, GitHub에 오픈소스로 공개함

이 한국어 요약은 AI가 자동으로 만들었습니다. 원문의 주장과 맥락은 원문에서 확인해 주세요. 저작권은 원저작자에게 있습니다.

AI 처리 방식을 확인하거나, 요약 오류와 출처 표기 문제, 삭제 요청을 문의 · 건의로 알려주세요.