Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그

네이버 통합검색 AIB 도입과 웹 성능 변화 분석

NAVER D2 faviconNAVER D2·Frontend·
LCPChromiumAIBTTFTStreaming Rendering
2026년 01월 19일2

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

NAVER D2의 AIB 도입으로 네이버 통합검색의 LCP가 악화되었으나, 채팅 UI의 어절 단위 렌더링과 스켈레톤 UI, 텍스트 애니메이션으로 인한 지연이 주요 원인으로 확인되었습니다. LCP p95는 약 3.1초, AIB 영역은 LCP 영역의 약 10%를 차지하며 tail 확대로 분포가 악화되었습니다. TTFT 도입 등 UI 특성에 맞춘 지표 재설정이 검토됩니다.

구현 방법

  • 채팅 UI의 어절 단위 렌더링과 텍스트 애니메이션 도입
  • 약 900ms 스켈레톤 UI 노출 및 이후 텍스트의 순차 표시 렌더링 흐름
  • DOM 재구성 로직으로 LCP renderTime 지연 이슈 확인 및 평가

주요 결과

  • LCP p95 약 3.1초로 목표 2.5초를 상회
  • AIB 영역 약 10% 차지 및 tail 확대으로 LCP 분포 악화
  • AIB 제외 LCP 분포는 안정적이며 Good 비율 약 96%
  • TTFT 도입 등 향후 개선 방향 검토

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
올리브영 메인페이지 성능 개선기 섬네일
71%

올리브영 메인페이지 성능 개선기

올리브영 favicon올리브영·2022년 12월 07일
No Image
70%

“저희 사이트 느린 것 같아요 ” — 프론트엔드 성능 측정 도입 & 개선기

월급쟁이부자들 favicon월급쟁이부자들·2025년 05월 22일
사용자 경험과 성능 개선 방법 in 카카오웹툰 섬네일
70%

사용자 경험과 성능 개선 방법 in 카카오웹툰

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 01월 20일