pile·
프론트엔드·네이버 FE Platformnaver-fe·

Web Performance of NAVER Search — Monitoring and Performance Improvement

문제NAVER 검색에서 JavaScript 파일이 onLoad 이후에 로드돼 LCP 점수가 악화됐고, 리소스 로딩 지연이 JS 실행을 미루며 사용성을 떨어뜨렸다. 성능 변화의 실시간 감지도 어려웠다.

접근주간·월간 자동 보고서와 실시간 알림을 갖춘 모니터링을 구축하고, 변화 감지를 분단위 비교에서 최근 3분 vs 이전 5분 구간 비교로 바꿨다. JS 로드 타이밍을 onLoad 에서 DOMContentLoaded(DCL) 기반으로 옮기고 약 한 달간 A/B 테스트로 검증했다.

결과2023년 8월 31일 배포 이후 전체 p95 LCP 가 2700ms 에서 2550ms 로 150ms 개선됐다. LCP 2.5초 이하 사용자 비율도 연말까지 93%에서 95%로 회복됐고, 클릭 수와 품질도 함께 올랐다.

네이버 FE Platform
네이버 FE Platform 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·당근당근·

    프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법

    문제AI 바이브 코딩 도구들이 빠르게 UI 를 생성하지만 디자인 시스템 규칙을 따르지 않아 "당근스러운 화면"을 만들 수 없음.

    접근Kraft 의사결정 자동화 도구를 어드민 → CLI → 에이전트로 진화시키면서 DesignSpec 중간 표현 + 11개 Scorer 기반 검증 + Mastra 하네스 + Claude Agent SDK + 크로스세션 메모리 누적으로 구조화.

    결과SEED 디자인 시스템 준수 여부 자동 검증, 도메인별 맥락 반영, 세션 간 학습이 누적되는 UI 생성 플랫폼 구축.

    #llm-app#design-system#ai-coding+6