pile·
프론트엔드·네이버 D2네이버 D2·

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

문제네이버 통합검색 AIB 도입 후 LCP p95가 목표 2.5초를 넘고, AIB 영역이 LCP 후보의 큰 비중을 차지했다.
접근서버 응답과 클라이언트 렌더링을 분리해 분석하고, 채팅 UI의 어절 단위 렌더링, DOM 재구성, Chromium paint invalidation을 추적했다.
결과AIB 영역의 p75는 4,573ms로 지도 영역보다 길었다. AIB 제외 시 Good 비율은 약 96%라, UI 특성별 독립 성능 지표가 필요하다는 결론을 냈다.
네이버 D2
네이버 D2 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·여기어때 (GC컴퍼니)여기어때 (GC컴퍼니)·

    항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다

    여기어때 항공 서비스 프론트엔드가 웹과 앱 웹뷰 두 환경에서 동일한 함수 호출로 동작하는 앱 브릿지 추상화 레이어를 설계한 과정을 다룬다. iOS·안드로이드 규약 차이와 "웹에 존재하지 않는 브릿지를 어떻게 호출하나"라는 문제를 단일 추상화 층으로 해결한 구현 사례다.

    요약 이어보기
    #react#typescript#webview+2