성능 수정 리포트

점검 항목

• Largest Contentful Paint

  속도를 제한한 휴대폰에서 주요 콘텐츠가 표시되기까지 걸리는 시간을 2.5초 기준과 비교합니다.

• 레이아웃 이동

  로딩 중 콘텐츠가 움직이는지 0.1 기준과 비교합니다.

• Total Blocking Time

  스크립트가 페이지 응답을 막는 시간으로, Interaction to Next Paint를 대신하는 실험실 지표입니다.

• 실제 사용자 데이터

  사이트 트래픽이 충분해 Google Chrome UX Report에 포함된 경우, 75번째 백분위수의 LCP, INP, CLS.

• 무겁거나 지나치게 큰 이미지

  150 KB가 넘거나 표시 크기보다 훨씬 큰 이미지, 그리고 지연 로딩되는 주요 이미지.

• 페이지 용량과 요청 수

  전체 다운로드 크기, 요청 수, 제3자 요청이 차지하는 비율.

• 렌더링 차단 파일

  첫 화면 표시를 지연시키는 스크립트와 스타일시트.

• Problem

  The main content appears slowly on phones

  Largest Contentful Paint reached {time} on {path} in our phone test (good is under 2.5 s).{"time":"{s} s{\"s\":{\"$num\":8.3,\"digits\":1}}","path":"/products/trail-daypack"}

  Fix: Start with the largest image or banner at the top of the page (see the findings below).

• Problem

  The main image is lazy-loaded

  On {n} page(s) the largest image at the top has {attribute}, which delays it.{"n":1,"attribute":"loading=\"lazy\""}

  Fix: Load the first, largest image eagerly and give it high fetch priority; keep lazy loading for images further down.

• Problem

  Images larger than they need to be

  {n} image(s) are heavy (over 150 KB) or much wider than they are shown.{"n":2}

  Fix: Upload product and banner images at sensible sizes (around 2000 px wide is plenty) instead of camera originals.