페이지 속도 검사기

페이지 속도 검사기 정보

페이지 속도 검사기는 로드 타이밍을 측정하고 HTTP 응답 헤더를 감사하여 웹사이트 성능을 분석하는 브라우저 기반 도구입니다. 즉각적인 성능 점수, 타이밍 단계(DNS, 연결, TTFB, 다운로드)의 시각적 워터폴 차트, 페이지 속도, 캐싱, 압축 및 보안 헤더 개선을 위한 실행 가능한 권장 사항을 제공합니다.

페이지 속도 검사기 사용 방법

1. URL 입력 — 분석하려는 페이지의 전체 URL을 입력하거나 붙여넣으세요. https://를 생략하면 도구가 자동으로 추가합니다.
2. "속도 분석" 클릭 — 도구가 페이지를 가져와 타이밍을 기록하고 응답 헤더를 분석합니다.
3. 점수 검토 — 응답 시간 및 헤더 모범 사례를 기반으로 전반적인 성능 점수(0–100)가 계산됩니다.
4. 워터폴 확인 — 시각적 워터폴 차트가 DNS 조회, 연결, 서버 응답(TTFB) 및 콘텐츠 다운로드 단계를 세분화하여 보여줍니다.
5. 감사 및 권장 사항 읽기 — 특정 헤더 감사 결과를 검토하고 성능 개선을 위해 우선순위가 지정된 권장 사항을 따르세요.

주요 지표 이해하기

TTFB (Time to First Byte)

TTFB는 요청을 보낸 후 브라우저가 서버로부터 데이터의 첫 번째 바이트를 받을 때까지 대기하는 시간을 측정합니다. 여기에는 DNS 확인, TCP 연결, TLS 핸드셰이크 및 서버 처리 시간이 포함됩니다. 좋은 TTFB는 200ms 미만이며, 1000ms 이상의 값은 심각한 서버 측 병목 현상을 나타냅니다.

총 로드 시간

요청 시작부터 응답 다운로드 완료까지의 총 시간입니다. HTML 문서의 경우, 이는 문서 전송 시간을 나타냅니다(이미지, CSS, 자바스크립트와 같은 후속 리소스 로딩은 포함되지 않음).

응답 크기

응답 본문의 크기입니다. 응답이 작을수록 더 빨리 로드됩니다. 전송 크기를 줄이려면 압축(gzip/Brotli)을 활성화하고 HTML/CSS/JS를 축소하세요. 일반적인 웹 페이지 HTML은 압축 시 100KB 미만이어야 합니다.

성능 헤더 모범 사례

점수 세부 분석

성능 점수는 두 가지 주요 요소를 통해 계산됩니다.

• 응답 시간 (60%) — TTFB 및 총 로드 시간. 200ms 미만의 TTFB와 1000ms 미만의 총 시간은 최상입니다.
• 헤더 감사 (40%) — 압축, 캐싱 또는 보안 헤더가 누락되면 점수가 낮아집니다. 각 실패한 검사마다 점수가 차감됩니다.

점수 등급: 90–100 최상, 70–89 좋음, 50–69 개선 필요, 0–49 낮음.

제한 사항

• 이 도구는 브라우저에서 실행되므로 결과에 귀하의 네트워크 상태와 지리적 위치가 반영됩니다.
• CORS 제한으로 인해 일부 웹사이트에서는 전체 헤더 분석이 불가능할 수 있습니다. 이 경우 도구는 타이밍 전용 분석으로 전환됩니다.
• 서버 측 도구(Lighthouse, WebPageTest)와 달리 이 도구는 렌더링 타이밍, 자바스크립트 실행 또는 LCP, FID, CLS와 같은 코어 웹 바이탈을 측정할 수 없습니다.
• 네트워크 상태, 서버 부하 및 캐싱으로 인해 실행할 때마다 결과가 다를 수 있습니다.

페이지 속도 개선 팁

1. 압축 활성화 — 텍스트 기반 자산을 압축하도록 웹 서버에서 gzip 또는 Brotli를 구성하세요.
2. 캐시 헤더 설정 — 정적 자산에는 긴 max-age를 사용하고, HTML에는 ETag와 함께 짧은 max-age를 사용하세요.
3. CDN 사용 — 지연 시간을 줄이기 위해 사용자에게 가까운 엣지 위치에서 자산을 제공하세요.
4. 이미지 최적화 — 최신 형식(WebP, AVIF)을 사용하고, 이미지를 압축하며 지연 로딩을 구현하세요.
5. 렌더링 차단 리소스 최소화 — 중요하지 않은 CSS 및 자바스크립트의 로딩을 지연시키세요.
6. 타사 스크립트 감소 — 각 외부 스크립트는 DNS 조회, 연결 및 구문 분석 시간을 추가합니다.

자주 묻는 질문

페이지 속도 검사기는 무엇을 측정하나요?

응답 시간(TTFB 및 총 로드 시간)을 측정하고, 캐싱, 압축 및 보안 헤더와 같은 성능 모범 사례에 대한 HTTP 응답 헤더를 분석하며, 실행 가능한 권장 사항과 함께 전반적인 성능 점수를 제공합니다.

페이지 속도가 SEO에 왜 중요한가요?

구글은 페이지 속도를 랭킹 요소로 사용합니다. 빠른 페이지는 더 나은 사용자 경험, 낮은 이탈률 및 높은 전환율을 제공합니다. 로딩 성능을 포함하는 코어 웹 바이탈(Core Web Vitals)은 구글의 페이지 경험 신호의 일부입니다.

TTFB란 무엇이며 왜 중요한가요?

TTFB(Time to First Byte)는 브라우저가 서버로부터 데이터의 첫 번째 바이트를 받기 위해 대기하는 시간을 측정합니다. 좋은 TTFB는 200ms 미만입니다. 높은 TTFB는 느린 데이터베이스 쿼리, 캐싱 부족 또는 서버 과부하와 같은 서버 측 성능 문제를 나타냅니다.

일부 URL을 테스트할 때 왜 CORS 오류가 발생하나요?

CORS(Cross-Origin Resource Sharing) 오류는 웹사이트가 다른 도메인으로부터의 브라우저 기반 요청을 제한할 때 발생합니다. 이는 보안 기능입니다. CORS 오류가 발생하면 대상 서버가 브라우저의 교차 출처 요청을 허용하지 않는 것입니다.

페이지 속도 점수를 어떻게 개선할 수 있나요?

gzip 또는 Brotli 압축을 활성화하고, 긴 max-age 값을 가진 적절한 Cache-Control 헤더를 설정하며, CDN을 사용하고, 이미지를 최적화하며, 렌더링 차단 리소스를 최소화하고, HSTS 및 X-Content-Type-Options와 같은 보안 헤더를 구현하세요.

웹 관리 도구:

• CPC 계산기
• CPM 계산기
• CSS 압축기
• 파비콘 생성기
• 구글 애드센스 계산기
• Cron 작업 생성기
• crontab 표현식 생성기
• HTML 압축기
• HTML에서 텍스트 변환기 추천
• 키워드 밀도 검사기
• Markdown 테이블 생성기
• 메타 태그 생성기
• 스마트 따옴표 제거기
• URL 슬러그 생성기
• 페이지 값 계산기
• 방문자 가치 계산기
• 유닉스 권한 계산기 (chmod)
• HTML 엔티티 인코더/디코더
• Lorem Ipsum 생성기
• JSON 문자열 이스케이프 언이스케이프
• cURL을 JSON으로 변환기
• SQL 포맷터
• SVG 최적화 도구
• Htaccess 리다이렉트 생성기
• Googlebot 크롤링 크기 검사기
• robots.txt 생성기 새로운
• XML 사이트맵 생성기 새로운
• 도메인 연령 확인기 새로운
• Open Graph 검사기 새로운
• WHOIS 조회 새로운
• DNS 조회 새로운
• 페이지 속도 검사기 새로운
• 도메인 신뢰도 검사기 새로운
• 리다이렉트 검사기 새로운
• Hreflang 태그 생성기 새로운
• 링크 깨짐 검사기 새로운
• CSS Flexbox 플레이그라운드 새로운
• CSS Grid Generator 새로운
• Git 명령어 생성기 새로운
• .env 파일 생성기 새로운
• cURL 명령어 빌더 새로운
• HTTP 상태 코드 참조 새로운
• URL 파서 새로운
• 쿼리 문자열 빌더 새로운
• SVG React JSX 변환기 새로운
• SCSS CSS 컴파일러 새로운
• Less to CSS 컴파일러 새로운
• TypeScript 플레이그라운드 새로운
• JSON 스키마 생성기 새로운