NaverMapAPIv31 [Moitz] 1.2초의 렌더 블로킹, 네이버 지도 API 동적 로딩으로 최적화하기 모잇지 서비스에서 네이버 지도 API로 인한 Render Blocking 제거를 통한 성능 최적화한 내용을 기록합니다. 들어가며사용자에게 더 나은 웹 경험을 제공하기 위한 성능 최적화는 프론트엔드 개발의 핵심 과제 중 하나입니다. Moitz 프로젝트의 성능을 측정하던 중, Lighthouse 성능 점수가 46점 에 머무르는 심각한 병목 현상을 발견했습니다. 가장 큰 원인은 'Render blocking requests' 항목으로, 네이버 지도 API 스크립트가 초기 렌더링을 1,240ms(약 1.2초)나 차단하고 있었습니다. 본 포스팅은 초기 렌더링을 가로막는 동기 스크립트 문제를 진단하고, 이를 동적 로딩(Dynamic Loading)으로 전환하여 사용자 경험을 개선한 과정을 공유합니다. .. 2025. 12. 4. 이전 1 다음
