로딩과 레이아웃 이동 진단
LCP는 늦게 표시되는 주요 요소를 찾는 데 도움이 되며 CLS는 레이아웃 불안정성을 나타냅니다. 클릭 후 지연을 조사하려면 별도의 INP 검사를 사용하세요.
LCP: 1.9sCLS: 0.04TBT: 120ms실험실 예시
웹사이트 로딩 속도 테스트
URL을 입력하고 이미지, 스크립트 또는 서버 응답 중 무엇이 페이지를 느리게 하는지 확인하세요. 보고서로 로딩 지연과 레이아웃 이동의 원인을 추적하고 먼저 수정할 항목을 선택하세요.
고급 설정
보고서에 포함된 내용
개발 우선순위가 포함된 웹사이트 속도 보고서
모든 권장 사항은 지표, 리소스, 기술적 원인과 연결되어 팀이 무엇을 먼저 수정하고 무엇을 백로그에 남길지 알 수 있습니다.
리소스 및 요청 맵
HTTP 워터폴은 렌더링을 차단하는 요소, 병렬 연결을 사용하는 리소스, 서드파티 스크립트가 시작을 지연시키는 지점을 보여줍니다.
index.html142ms
main.css380ms
app.js1.2s
hero.webp720ms
inter.woff2210ms
우선순위 최적화 계획
Milten은 LCP, CLS, TBT, TTFB, 서드파티 스크립트, 무거운 리소스에 대한 이슈를 짧은 작업 목록으로 정리합니다.
01LCP: 히어로 미디어 압축 및 사전 로드P1
02CLS: 카드 크기 고정P2
03TTFB: HTML 캐싱 확인P3
작동 방식
Milten이 웹사이트 속도를 확인하는 방법
선택한 조건에서 사이트 속도를 테스트하고 실험실 로딩 지표와 발견 사항을 확인하세요. 한 번의 테스트가 실제 방문자의 측정 데이터를 대체하지는 않습니다.
01 · URL
속도 검사용 URL 입력
홈페이지, 랜딩 페이지, 카탈로그, 제품 페이지를 확인하세요. Milten은 브라우저에서 페이지를 열고 선택한 지역, 네트워크, 기기를 적용합니다.
02 · 검사
로딩과 시각적 안정성 측정
실험실 지표, 네트워크 지연, 무거운 리소스와 레이아웃 이동을 수집합니다. TTFB는 서버 응답 지연을, TBT는 로딩 중 메인 스레드 차단 시간을 측정합니다.
03 · 개선 계획
먼저 수정할 항목을 정하세요
어떤 리소스가 로딩을 지연시켰는지, 어떤 요소가 레이아웃을 움직였는지 등 발견 사항과 근거부터 확인하세요. 원인을 수정한 뒤 같은 설정으로 다시 검사하세요.
측정 항목
웹사이트 속도 지표: FCP, LCP, CLS, TBT, TTFB, SI
스캐너는 체감 로딩, 레이아웃 안정성, JavaScript 차단, 서버 응답 속도를 분리하여 최적화가 단일 점수로 축소되지 않도록 합니다.
FCP
First Contentful Paint
사용자가 텍스트, 이미지, SVG를 처음 볼 때: 페이지가 실제로 로딩을 시작했다는 초기 신호입니다.
양호<= 1.8s
필요<= 3s
불량> 3s
LCP
Largest Contentful Paint
주요 가시 요소가 렌더링될 때까지의 시간: 히어로 이미지, 큰 제목, 제품 카드, 카탈로그 블록.
양호<= 2.5s
필요<= 4s
불량> 4s
CLS
Cumulative Layout Shift
예상치 못한 레이아웃 이동의 합계: 배너, 크기 미지정 이미지, 늦은 폰트, 로딩 후 콘텐츠를 이동시키는 블록.
양호<= 0.1
필요<= 0.25
불량> 0.25
TBT
총 차단 시간
메인 스레드가 긴 JavaScript 작업으로 얼마나 오래 바빠서 사용자 작업에 빠르게 응답할 수 없었는지.
양호<= 200
필요<= 600
불량> 600
TTFB
첫 바이트까지의 시간
HTML 첫 바이트 전 지연: 브라우저가 페이지를 받기 시작하기 전의 백엔드, DNS, TLS, CDN, 캐시 시간.
양호<= 0.8s
필요<= 1.8s
불량> 1.8s
SI
Speed Index
가시 뷰포트가 얼마나 빨리 채워지는지: 개별 지표가 좋아 보여도 페이지가 느리게 느껴지는 이유를 설명하는 데 도움이 됩니다.
양호<= 3.4s
필요<= 5.8s
불량> 5.8s
FAQ
웹사이트 속도 검사에 관한 자주 묻는 질문
Core Web Vitals, SEO, 실용적인 페이지 최적화에 대한 짧은 답변.
코어 웹바이탈이란 무엇이며 SEO에 어떤 영향을 미치나요?
Core Web Vitals는 로딩(LCP), 반응성(INP), 시각적 안정성(CLS)을 다룹니다. 실제 방문자의 경험을 평가하려면 필드 데이터가 필요합니다. Speed Scanner는 실험실 실행으로 원인을 진단하며 TBT는 INP를 대체하지 않습니다. 좋은 수치가 검색 순위 상승을 보장하지는 않습니다.
웹사이트 속도를 어떻게 점검하나요?
위 양식에 URL을 입력하고 모바일 또는 데스크톱 프로필을 선택한 후 “웹사이트 확인”을 클릭하세요. 스캐너가 Speed Scanner 감사를 실행하고 HAR을 수집하며 FCP, LCP, CLS, TBT, TTFB, Speed Index를 표시하고 기술 작업 목록을 생성합니다.
LCP 값이 너무 높으면 어떻게 해야 하나요?
먼저 LCP 요소를 찾으세요: 히어로 이미지, 큰 제목, 배너 또는 제품 카드일 수 있습니다. 그런 다음 사전 로드, 크리티컬 CSS, 미디어 용량, CDN, 캐싱, 렌더링을 지연시키는 렌더링 차단 리소스를 확인하세요.
웹사이트 분석은 얼마나 걸리나요?
빠른 검사는 보통 1분 이내에 완료되지만, 정확한 시간은 선택한 지역, 네트워크 프로필, CPU 스로틀링, 페이지의 리소스 수에 따라 달라집니다. 안정적인 결론을 위해 동일한 조건에서 여러 번 실행하여 비교하세요.
CLS 문제는 어떻게 해결하나요?
미디어에 너비, 높이 또는 종횡비를 설정하고, 배너와 위젯을 위한 공간을 확보하며, 보이는 영역 위에 새 콘텐츠를 삽입하지 말고, font-display와 사전 로드로 글꼴을 구성하세요. 보고서에서는 최종 CLS뿐만 아니라 가장 크게 기여한 요소도 확인하세요.
관련 서비스
더 깊은 성능 최적화를 위한 도구
페이지 반응 속도 (INP)
자동화된 동작에 페이지가 얼마나 빠르게 반응하는지 측정하세요. 테스트 중 발생하는 지연을 찾아보세요.
열기뒤로/앞으로 캐시
뒤로 가기와 앞으로 가기에서 브라우저가 캐시를 사용하는지 확인하세요. 캐시 사용을 막는 원인을 찾아보세요.
열기메모리 누수
페이지 이동을 반복한 뒤에도 메모리에 남는 데이터를 찾아보세요. 메모리 누수 가능성과 쌓이는 데이터를 확인할 수 있습니다.
열기JavaScript 점검
JavaScript 파일, 로딩 오류, 로딩 중 사용되지 않은 코드를 확인하세요. 더 자세히 살펴볼 스크립트를 찾아보세요.
열기