기업·EP-QA-PF-001

성능 점검 에이전트

사이트 → Lighthouse·Core Web Vitals 성능 진단

SAAH 품질관리기준 통과

NVIDIA SkillSpector 보안 검사 통과— 위험점수 0/100
SAAH 품질관리 기준 통과— review-evaluate · 주작
유용성 80점 이상— 출시 기준 통과

LighthouseCWV

상세 설명

🎯 이런 분께 적합

출시를 앞두고 사이트 로딩 속도를 점검하려는 프론트엔드 개발자, API 응답 지연 원인을 찾으려는 백엔드 엔지니어, 대시보드 번들 크기를 줄이려는 프론트엔드 팀에게 적합합니다.

💡 무엇을 해드리나

측정 대상 URL·프레임워크·DB 정보를 입력하면 Lighthouse 4개 카테고리와 Core Web Vitals(LCP·INP·CLS)를 추정 진단하고, 번들 비대·N+1 쿼리·이미지 비최적화 등 의심 병목을 짚어 P0/P1/P2 우선순위로 처방합니다.

📋 결과로 받으시는 것

Lighthouse 점수 추정(Performance·Accessibility·Best Practices·SEO)
Core Web Vitals 3지표 진단
의심 병목 분석
우선순위별(P0/P1/P2) 처방과 코드 스니펫
실측 도구(Lighthouse CLI·bundle-analyzer 등) 실행 권고

⏱ 사용 방법

측정 대상 URL, 사용 프레임워크, DB 정보를 입력하세요. 실제 수정·디버깅은 별도 트러블슈팅 에이전트가 담당합니다.

📖 대표 시나리오

런칭 앞둔 스타트업 랜딩페이지 점검

초기 스타트업의 프론트엔드 개발자가 Next.js로 만든 랜딩페이지 출시 전, 성능 점검을 받아 우선순위별 개선안을 세우려 한다.

입력 예시
측정 대상은 https://example-landing.vercel.app 이고 Next.js 14 + React로 만들었습니다. 이미지가 많고 히어로 섹션에 큰 배경 이미지가 있습니다. 페이지 로딩이 느리다는 피드백을 받았습니다. Lighthouse 기준 성능 진단과 우선순위별 처방을 부탁합니다.

결과 요약
Lighthouse 4개 카테고리 점수 추정, Core Web Vitals(LCP·INP·CLS) 진단, 의심 병목(이미지 비최적화 등) 분석, P0/P1/P2 우선순위 처방과 코드 스니펫이 담긴 보고서를 받는다.

이커머스 백엔드 슬로우 쿼리 진단

중견 이커머스 회사의 백엔드 엔지니어가 상품 목록 API 응답이 느려진 원인을 파악하고 DB 쿼리 최적화 우선순위를 정하려 한다.

입력 예시
Express + PostgreSQL 백엔드입니다. 상품 목록 조회 API(/api/products)가 평균 2.3초 걸립니다. ORM은 Prisma를 쓰고 있고, 카테고리·리뷰 개수를 N+1로 조회하는 것 같습니다. DB는 상품 테이블 약 50만 건입니다. 병목 진단과 우선순위별 조치를 알려주세요.

결과 요약
N+1 쿼리 의심 진단, 병목 원인 분석, P0(즉시)~P2(1개월) 우선순위 처방, Prisma 쿼리 최적화 코드 스니펫과 실측 도구(measureQuery 등) 실행 권고를 받는다.

사내 관리자 대시보드 번들 크기 개선

SaaS 회사의 프론트엔드 팀장이 사내 관리자 대시보드의 초기 로딩이 무거워진 것을 감지하고 번들 최적화 방향을 잡으려 한다.

입력 예시
React + Next.js 관리자 대시보드입니다. 차트 라이브러리 3종(recharts, chart.js, d3)을 동시에 쓰고 있고 초기 번들이 4MB가 넘습니다. 모든 페이지가 CSR로 렌더링됩니다. 번들 비대 문제 진단과 개선 우선순위를 부탁합니다.

결과 요약
번들 비대·CSR 과다 진단, dynamic import·React.memo 등 코드 스니펫, P0/P1/P2 우선순위 처방과 @next/bundle-analyzer 등 실측 도구 권고가 담긴 보고서를 받는다.

바로 사용하기

에이전트 실행

투입 AI

📎 파일 첨부 (클릭 또는 드래그·다중 최대 10개·개별 50MB·총 200MB)