웹 성능 분석
웹 성능 분석은 godis가 개발한 무료 크롬 애드온입니다. 일반적인 핵심 성능 지표를 포괄적으로 표시하며 웹페이지 로딩 폭포 및 리소스 데이터 분석에 대한 통찰력을 제공합니다.
이 애드온은 페이지 언로드 시간과 리디렉션 시간을 제외한 핵심 성능 지표에 초점을 맞추고 있습니다. 다음과 같은 메트릭을 계산합니다:
1. First Byte: responseStart - domainLookupStart
2. First Render/Blank Screen: responseEnd - fetchStart
3. First Interactive: domInteractive - fetchStart
4. DOM Ready: domContentLoadedEventEnd - fetchStart
5. Page Load: loadEventStart - fetchStart
또한 다양한 단계의 폭포 보기를 제공합니다:
1. Unload: unloadEventEnd - unloadEventStart
2. Redirect: redirectEnd - redirectStart
3. AppCache: domainLookupStart - fetchStart
4. DNS: domainLookupEnd - domainLookupStart
5. TCP: connectEnd - connectStart
6. TTFB (Time To First Byte): responseStart - requestStart
7. Data Transfer: responseEnd - responseStart
8. DOM: domContentLoadedEventStart - responseEnd
9. DCL (DOM Content Loaded): domContentLoadedEventEnd - domContentLoadedEventStart
10. Resource Loading: loadEventStart - domContentLoadedEventEnd
11. OnLoad: loadEventEnd - loadEventStart
또한, 이 애드온은 리소스 분석을 제공하며 다음을 포함합니다:
1. 홈페이지에서의 리소스 요청 수, 로딩 크기 및 도메인 분포.
2. 리소스 도메인 요청 및 평균 응답 시간의 분포.
3. 응답 헤더 없는 도메인의 분포.
4. HTTP 압축 상태, 압축되지 않은 리소스의 분포 및 캐시 히트율.
5. 리소스 유형 분석.
6. 가장 시간이 많이 소요되는 상위 10개 리소스 및 Ajax 요청의 샘플링.
웹 성능 분석은 개발자와 웹사이트 관리자가 웹 애플리케이션의 성능을 분석하고 최적화하는 강력한 도구입니다.