TL;DR
- Chrome 확장 프로그램 traceOn은 선택한 탭의 DevTools 프로토콜(DevTools Protocol) 추적 데이터를 분석해 느린 원인과 우선 수정 항목을 평이한 설명으로 제공함.
- 성능 점수와 LCP, CLS, INP, FCP, TTFB, 총 차단 시간(Total Blocking Time)을 맥락에 맞춰 설명하고 병목을 영향도순으로 제시함.
- 렌더링 차단 리소스, 레이아웃 변동, 메인 스레드 작업 등 진단 항목마다 신뢰도 수준을 제시하고 프레임워크에 맞춘 수정 권고를 제공함.
- 분석은 기기에서 로컬로 처리되며 계정이나 네트워크 연결 없이 작동하고, 기기 밖으로 데이터를 보내는 기능은 기본적으로 꺼져 있음.
- 보안 검사, 반응형 미리보기, DevTools 패널, 선택형 AI 어시스턴트와 커뮤니티 탭도 포함함.
traceOn의 성능 분석
- 대부분의 성능 도구가 플레임 차트를 보여주고 해석을 사용자에게 맡기는 것과 달리, traceOn은 사용자가 기록을 시작하면 선택한 탭의 DevTools 프로토콜 추적 데이터를 캡처하고 직접 분석해 읽기 쉬운 보고서로 제시함.
- 단일 기록에서 성능 점수와 점수의 구체적인 원인을 제공함.
- 핵심 웹 지표(Core Web Vitals)인 LCP, CLS, INP, FCP, TTFB와 총 차단 시간을 각각 맥락에 맞춰 설명함.
- 실제 로딩 시간을 늘리는 병목 몇 가지를 영향도순으로 정렬하고, 원인이 되는 긴 작업과 스크립트를 제시함.
- 렌더링 차단 리소스, 레이아웃 변동, 지나치게 큰 메인 스레드 작업, 늦게 표시되는 LCP 요소 등 감지된 문제를 진단하고 각 항목의 신뢰도 수준을 표시함.
- 감지된 프레임워크에 맞춰 예상 영향을 포함한 수정 권고를 우선순위와 함께 제시함.
- 추적 구간을 나열하는 대신 페이지가 구성된 과정을 밀리초 단위로 따라가는 ‘Load Story’ 타임라인을 제공함.
추가 도구
- 보안 검사: 분석 대상 페이지의 응답 헤더(CSP, HSTS, X-Frame-Options 등)와 쿠키 메타데이터(Secure, HttpOnly, SameSite 플래그 및 과도한 크기의 쿠키)를 검토함.
- 반응형 미리보기: 여러 기기 크기에서 페이지를 나란히 표시함.
- DevTools 패널: 전체 기록 없이 핵심 웹 지표를 빠르게 확인하는 패널임.
- 선택형 AI 어시스턴트: 자체 분석에 관한 질문에 답하며, 원본 추적 데이터가 아니라 압축된 요약을 사용함.
- 선택형 커뮤니티 탭: 익명화된 도메인 단위 점수 집계, 인기 사이트 목록, 질의응답 게시판을 제공함.
개인정보 보호와 공개 정보
- 설명에 따르면 모든 분석은 로컬에서 수행되며 traceOn은 계정과 네트워크 연결 없이 완전히 작동함. 기기 밖으로 데이터를 보내는 기능은 기본적으로 꺼져 있고 명확히 표시됨.
- 설명에는 광고, 제삼자 추적기, 데이터 판매가 없다고 명시되어 있으며, 개인정보 처리방침은 전체 정책에서 확인할 수 있음.
- Chrome 스토어의 개발자 공개 정보에는 traceOn이 웹 기록, 사용자 활동, 웹사이트 콘텐츠를 처리한다고 기재되어 있음. 개발자는 해당 데이터가 승인된 사용 사례 외 목적으로 제삼자에게 판매되거나, 핵심 기능과 무관한 목적으로 사용·전송되거나, 신용도 판단이나 대출 목적으로 사용·전송되지 않는다고 밝힘.
확장 프로그램 정보
- 버전은 0.2.0이며 업데이트 날짜는 2026년 9월 17일, 크기는 348KiB, 언어는 영어(미국)임.
- 평점은 5점 만점에 5점, 평가 수는 2개이며, 스토어 설명에는 사용자가 4명으로 표시됨.
- 대상은 웹 개발자, 성능 엔지니어, 페이지가 느리게 느껴지는 이유를 파악하려는 사람임.
댓글 (0)
로그인하면 이 기사에 내 생각을 남길 수 있어요