🚀

성능

DOM 크기, 인라인 CSS/JS, 렌더링 차단 리소스, 지연 로딩, 최신 이미지 형식.

점검 항목

인라인 CSS/JS, 렌더링 차단 리소스, DOM 크기, 이미지 최적화(지연 로딩, 최신 형식), viewport meta 태그 및 리소스 수를 분석합니다.

개별 점검 항목

인라인 CSS

warning

페이지 크기를 증가시키는 과도한 인라인 스타일 블록을 감지합니다.

예시: <style>...</style>
모범 사례: ≤3 blocks, ≤10KB

인라인 JS

warning

렌더링을 차단하는 과도한 인라인 스크립트 블록을 감지합니다.

예시: <script>...</script>
모범 사례: ≤5 blocks, ≤20KB

렌더링 차단

warning

페이지 렌더링을 차단하는 head 내의 CSS/JS를 식별합니다.

예시: <script src="..." async>
모범 사례: async or defer

이미지 크기

notice

레이아웃 이동 방지를 위해 이미지에 width/height가 지정되어 있는지 확인합니다.

예시: <img width="800" height="600">
모범 사례: 100%

지연 로딩

notice

화면 아래 이미지에 loading="lazy" 적용 여부를 확인합니다.

예시: <img loading="lazy">
모범 사례: All below-fold images

뷰포트 메타

error

모바일 렌더링을 위한 viewport meta 태그를 확인합니다.

예시: <meta name="viewport" content="width=device-width">
모범 사례: Present

DOM 크기

warning

DOM 요소 수를 셉니다. DOM이 크면 렌더링이 느려집니다.

모범 사례: <1500 elements

CSS 파일

warning

외부 CSS 파일 수를 셉니다. 너무 많으면 로딩 시간이 늘어납니다.

예시: <link rel="stylesheet" href="...">
모범 사례: ≤8

JS 파일

warning

외부 JS 파일 수를 셉니다. 너무 많으면 로딩 시간이 늘어납니다.

예시: <script src="...">
모범 사례: ≤10

최신 이미지 포맷

notice

최신 이미지 형식(WebP/AVIF) 사용 여부를 점검합니다.

예시: <img src="photo.webp">
모범 사례: WebP/AVIF

왜 중요한가

페이지 속도는 순위와 사용자 경험에 직접적인 영향을 미칩니다. 렌더링 차단 리소스, 과도한 인라인 코드, 최적화되지 않은 이미지는 로딩 시간을 늘리고 Core Web Vitals에 악영향을 줍니다.

지금 웹사이트를 테스트하세요

웹사이트 분석

기타 점검 카테고리

📊

더 상세한 SEO 분석이 필요하신가요?

  • 30개 이상 지속 SEO 점검
  • Google Search Console 통합
  • 키워드 추적
TopRankerTools 사용해 보기 →
👥

온라인 수익 증대에 대해 이야기해 보세요

  • 웹사이트 SEO 건강 상태
  • 성장 기회
  • 예상 결과
무료 상담 예약 →