LY Corporation이 상담사를 위한 Chrome DevTools로 수동 작업을 98% 줄인 방법

Syna Kim
Syna Kim
LinkedIn
Yuriko Hirota
Yuriko Hirota
X LinkedIn
Masanari Hamada
Masanari Hamada
LinkedIn
Shunsuke Uda
Shunsuke Uda
LinkedIn

게시일: 2026년 4월 27일

일본 최대 인터넷 서비스 제공업체 중 하나인 LY Corporation은 검색, 뉴스, 쇼핑 등 다양한 웹 플랫폼을 관리합니다. 이러한 다양한 서비스에서 높은 성능을 유지하는 것은 사용자 참여와 비즈니스 성공에 매우 중요합니다. 하지만 팀은 여러 서비스에서 성능 분석을 확장하는 데 어려움을 겪었습니다.

이 우수사례에서는 LY Corporation이 에이전트용 Chrome DevTools를 사용하여 자동화된 AI 기반 성능 감사 시스템을 빌드한 방법을 살펴봅니다. 브라우저에 프로그래매틱 브리지를 만들어 데이터 수집을 자동화하고, 실적 측정항목을 비즈니스 영향과 연결하고, 모든 개발팀이 서비스를 효과적으로 최적화할 수 있도록 지원했습니다.

과제: 수동 감사의 병목 현상

이전에는 LY Corporation의 성능 감사가 전문 지식이 필요한 매우 수동적인 작업이었습니다. 엔지니어는 다음 작업을 수행해야 했습니다.

  1. CrUX 또는 PageSpeed Insights와 같은 여러 도구를 수동으로 탐색하여 필드 데이터를 수집합니다.
  2. Lighthouse 트레이스의 로컬 인스턴스를 실행하여 실험실 데이터를 수집합니다.
  3. 별도의 내부 비즈니스 대시보드에서 실적 측정항목을 교차 참조합니다.
  4. 이러한 조각난 데이터를 하나의 실행 가능한 보고서로 종합해 줘.

이 프로세스는 속도가 느리고 소수의 전문가에게 중요한 지식이 집중되어 효율성이 제한되었습니다. 이러한 복잡성으로 인해 회사 전체의 모든 서비스에 대해 일관되고 고품질의 성능 감사를 제공하기가 어려웠으며, 이로 인해 통계가 지연되고 최적화 기회를 놓치는 경우가 많았습니다.

해결 방법: 에이전트를 위한 Chrome DevTools로 브라우저 성능 측정항목 캡처

LY Corporation은 Chrome DevTools를 상담사용 브리지로 사용하는 내부 도구를 빌드했습니다. 이를 통해 AI 에이전트는 다음 작업을 할 수 있습니다.

  • 추출: 최대 콘텐츠 페인트 (LCP), 저작물 메타데이터, 네트워크 요청 로그, 전송 크기 등 DevTools에서 실시간 네트워크 및 실적 데이터를 직접 가져옵니다.
  • 상호작용: 타겟 서비스의 URL을 열고 포인터를 클릭한 상태로 유지하는 등의 사용자 작업을 실행하여 다음 페인트에 대한 상호작용 (INP) 또는 누적 레이아웃 이동 (CLS)과 같은 상호작용 측정항목을 트리거합니다.
  • 분석: 이 런타임 데이터를 이전 필드 데이터 (CrUX)와 결합하여 우선순위가 지정된 문제 목록을 생성합니다.
AI 웹 실적 보고 시스템의 흐름
상담사가 Chrome DevTools를 사용하여 성능 데이터를 수집하고, 라이브 페이지와 상호작용하고, 결과를 분석할 수 있도록 지원하는 AI 웹 성능 보고 시스템의 흐름

이 내부 도구를 사용하면 개발자가 웹 애플리케이션 URL을 입력하여 페이지의 전체 성능 감사를 생성할 수 있으므로 전문가 지식을 주문형 서비스로 전환할 수 있습니다. 이 도구는 모듈식 시나리오 기반 분석 도구로 작동합니다. 개선사항 목록과 개발자가 어디서 시작해야 하는지 안내하는 제안을 우선순위에 따라 생성합니다.

생성된 AI 웹 실적 보고서의 예
모든 성능 감사와 해당 결과를 포함하는 생성된 AI 웹 성능 보고서의 예

영향: 수동 확인에서 자동 수정 제안으로

LY Corporation은 Chrome DevTools for Agents를 사용하여 데이터 수집 및 보고서 서식 지정의 수동 작업을 AI 에이전트로 오프로드하여 다음과 같은 상당한 결과를 달성했습니다.

  • 효율성 대폭 향상: 이 새로운 프로세스를 통해 수동 분석이 96~98% 감소하고 중앙 분석팀의 개발자 시간이 월 8.3시간 절약됩니다.
  • 전문 지식의 민주화: 이제 모든 제품팀이 고품질 실적 보고서를 독립적으로 생성하여 이전에는 전문가만 제공했던 일관된 분석 표준을 보장할 수 있습니다.
  • 실행 가능한 비즈니스 통계: 팀은 실적 데이터를 비즈니스 측정항목에 연결하여 가장 영향력 있는 수정사항에 우선순위를 지정하므로 프로젝트 승인이 더 빨라집니다.

향후 계획

LY Corporation은 AI 성능 도구의 기능을 지속적으로 개선하고 있습니다. 이 팀은 성능 개선사항을 구체적인 비즈니스 KPI와 통합하여 사용자 유지 및 수익 성장에 관한 자세한 통계를 제공하고 있습니다.

결론

상담사를 위한 Chrome DevTools는 독립형 솔루션이 아니지만 LY Corporation이 전문 신고 도구를 구축하는 데 필요한 기술적 기반을 제공했습니다. 개발자는 에이전트용 Chrome DevTools를 사용하여 수동 브라우저 검사를 넘어 브라우저 런타임에서 직접 실시간 데이터를 수집하여 자체 맞춤 도구를 빌드할 수 있습니다.