사이트닥터

yourshop.example.com

예시 대시보드 진단 범위 전체 사이트 점검 항목 16개

예시 요청서 보기 →

유료 대시보드 예시

실제 결제 후에는 입력하신 사이트에 맞는 전체 대시보드를 확인할 수 있으며, 결제일 기준 1개월 동안 하루 1회 재진단 가능 기간과 상태를 헤더에서 확인할 수 있습니다.

사이트 속도 진단

사이트의 로딩 성능과 사용자 경험을 개선하기 위해 Core Web Vitals 및 속도 지표를 분석했습니다.

모바일 성능 점수

주의

데스크톱 성능 점수

개선 필요

Core Web Vitals 통과율

42%

21/50 페이지 통과

느린 페이지 수

측정 페이지 중 50점 미만

Core Web Vitals 개요

측정 페이지 평균

LCP (최대 콘텐츠 표시)

3.5초

개선 필요

권장: ≤ 2.5초

TBT (상호작용 차단)

331ms

주의

권장: ≤ 200ms

CLS (레이아웃 이동)

0.13

주의

권장: ≤ 0.1

PageSpeed Insights 모바일 측정 기준입니다. 측정 시점의 네트워크 상태에 따라 변동할 수 있습니다.

속도 이슈 Top 5

1 이미지 최적화 필요 높음 6
2 렌더 차단 리소스 보통 7
3 사용하지 않는 CSS/JS 보통 9
4 초기 서버 응답 지연 보통 3
5 JavaScript 실행 시간 과다 높음 29

측정된 페이지 기준 임계값 초과 항목입니다.

개선 우선순위

1

LCP 개선: 대표 이미지 용량 축소

메인 이미지의 파일 크기를 줄이고 차세대 포맷(WebP/AVIF) 적용을 권장합니다.
2

렌더 차단 제거: 불필요한 CSS/JS 정리

렌더링을 막는 리소스를 제거하거나 지연 로딩으로 변경해 보세요.
3

서버 응답 개선: 캐싱 및 응답 시간 점검

캐싱 설정을 최적화하고 서버 응답 시간을 단축하면 전체 성능이 개선됩니다.
4

서드파티 스크립트 점검

불필요한 서드파티 스크립트를 삭제하거나 지연 로딩으로 변경해 보세요.

페이지별 가이드 보기

느린 페이지 목록

측정 50개

#	URL	모바일 LCP	TBT	주요 이슈	우선순위
1	/collections/slow-16	4.9초	455ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
2	/collections/slow-1	4.4초	455ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
3	/collections/slow-17	5.1초	490ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
4	/category/bag	5.8초	620ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
5	/collections/slow-2	4.6초	490ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
6	/collections/slow-18	4.2초	525ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
7	/collections/slow-3	4.7초	525ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음
8	/collections/slow-19	4.4초	560ms	이미지 최적화 JS 실행 시간 레이아웃 안정성	높음

PSI 데이터 기준 상위 8개 페이지를 표시합니다.

페이지별 가이드 보기

페이지별 속도 분석 결과와 개선 가이드를 확인하세요.

가이드 보기 →

개발 요청서 만들기

속도 개선 항목을 기반으로 개발 요청서를 생성하세요.

요청서 만들기 →

수정 후 검수 체크리스트

개선 작업 후 성능 검증을 위한 체크리스트를 확인하세요.

검증 방법 보기 →

[직접/개발자 수정 필요]

속도 문제 직접 수정 가이드

이미지 외 성능 문제는 스킨 코드와 서버 응답을 확인한 뒤 단계별로 수정하세요.

사용하지 않는 CSS/JS 정리

1. 수정 방향: Chrome DevTools Coverage로 미사용 비율이 높은 코드를 찾고, 불필요한 앱·플러그인을 제거한 뒤 필요한 자산만 페이지별로 불러오세요.
2. 수정 대상 위치: 사이트 테마의 공통 CSS/JavaScript와 외부 앱·플러그인 삽입 코드
3. 검수 체크리스트: 주요 화면과 결제 흐름을 확인한 뒤 PSI의 미사용 CSS/JavaScript 절감 용량과 TBT가 감소했는지 재측정하세요.

렌더 차단 리소스 개선

1. 수정 방향: 첫 화면에 필요한 CSS만 우선 적용하고, 나머지 스타일은 지연 로드하세요. 필수 항목이 아닌 스크립트에는 defer 또는 async를 적용하세요.
2. 수정 대상 위치: 공통 head 템플릿의 stylesheet·script 태그와 첫 화면에서 사용하는 스킨 자산
3. 검수 체크리스트: 페이지 소스에서 로드 순서를 확인하고, PSI의 렌더링 차단 리소스 항목과 LCP가 개선됐는지 검수하세요.

서버 TTFB 단축

1. 수정 방향: 느린 외부 앱 호출과 동적 블록을 줄이고, 정적 자산 캐시·CDN 설정과 응답이 느린 요청의 서버 로그를 점검하세요.
2. 수정 대상 위치: 설치된 앱·플러그인, 외부 API 호출, 공통 레이아웃의 동적 위젯 및 캐시/CDN 설정
3. 검수 체크리스트: 캐시가 없는 첫 요청과 재방문 요청을 각각 측정해 TTFB가 800ms 미만인지 확인하고 오류 로그도 함께 점검하세요.

개발 요청서 만들기

탐색 경로 요약 평균 1.8단계 · 최대 3단계

평균 접근 단계

1.8

최대 단계

도달 가능

471/483

측정 신뢰도

양호

홈: 0.0단계 category: 1.2단계 product: 2.1단계 content: 1.8단계

경량화 후보 자산 (샘플 페이지 기준) 3개 페이지

수집된 샘플 페이지 기준이며, 전체 사이트 분석이 아닙니다. 자산 크기는 URL만 추출한 것으로 실제 크기는 직접 확인이 필요합니다.

https://yourshop.example.com/

문서 크기 207.5 KB 150KB 초과

이미지 후보 (최대 5개 · URL 기준)

jpg https://yourshop.example.com/images/hero-banner.jpg

png https://yourshop.example.com/images/main-promo.png

JS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/js/vendor-bundle.js https://yourshop.example.com/js/legacy-carousel.js

CSS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/css/home-critical.css

https://yourshop.example.com/category/bag

문서 크기 172.5 KB 150KB 초과

이미지 후보 (최대 5개 · URL 기준)

jpg https://yourshop.example.com/images/category/bag-cover.jpg

png https://yourshop.example.com/images/category/bag-banner.png

JS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/js/category-filter.js

CSS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/css/category-list.css

https://yourshop.example.com/product/1234

문서 크기 160 KB 150KB 초과

이미지 후보 (최대 5개 · URL 기준)

jpg https://yourshop.example.com/images/products/1234-main.jpg

jpg https://yourshop.example.com/images/products/1234-zoom.jpg

JS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/js/product-recommend.js

CSS 자산 후보 (최대 3개 · URL 기준)

https://yourshop.example.com/css/product-legacy.css

페이지 속도 데이터는 Google PageSpeed Insights 기준이며, 매 진단 시점마다 갱신됩니다.