E:LAB
← Services
Sample report

결제 후 받게 되는 결과 페이지를 먼저 보세요.

오래된 워드프레스 사이트(부가 프로그램이 잔뜩 쌓인 상태)를 가정한 실제 결과 예시입니다. 본인 도메인으로 진단을 돌리시면 사용 중인 사이트 제작 방식에 맞춰 같은 형식으로 정리됩니다.

예시 시나리오

5년째 운영 중인 워드프레스 사이트. 페이지 편집기(Elementor) · 쇼핑 기능(WooCommerce) · 부가 프로그램 9개 · 2.4MB짜리 상단 큰 이미지. "느려졌다"는 체감만 있고 어디부터 손대야 할지 모르는 전형적인 상황입니다.

example-bakery.com
속도 점수38/ 100E
사이트 제작 방식
WordPress · Elementor · WooCommerce
  • 심각2
  • 보통2
  • 낮음1
고치면 이만큼 빨라집니다
이 5개 항목을 모두 고치시면 약 3,600ms(3.6초) 빨라집니다. 구글 속도 측정 도구(Lighthouse) 점수로는 +25점 정도 올라갑니다.
  • 심각안 쓰는 코드 · ~1,400ms

    안 쓰는 코드(JavaScript)가 1.2MB나 다운로드되고 있습니다

    페이지 편집기와 부가 프로그램들이 모든 페이지에 자기 코드를 통째로 끼워 넣고 있어, 사실은 홈에서만 필요한 코드까지 모든 페이지에서 받아옵니다. 손님은 안 보는 기능 때문에 더 오래 기다리는 셈입니다.

    ↳ Asset CleanUp(부가 프로그램을 페이지마다 켜고 끄는 도구)으로 그 페이지에 안 쓰는 프로그램을 꺼 주세요. 페이지 편집기(Elementor)를 쓰는 페이지가 정해져 있다면, 그 외 페이지에서는 편집기 코드를 완전히 빼도 됩니다.

    문제가 된 파일 4개 정확히 보기 ▸
    • Elementor/wp-content/plugins/elementor/assets/js/frontend.min.js320KB 절감
    • Elementor Pro/wp-content/plugins/elementor-pro/assets/js/frontend.min.js280KB 절감
    • WooCommerce/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js180KB 절감
    • jQuery Migrate/wp-includes/js/jquery/jquery-migrate.min.js50KB 절감
  • 심각이미지 · ~980ms

    상단 큰 이미지가 원본 그대로 올라가 있습니다

    맨 위에 보이는 큰 이미지가 용량을 안 줄인 채 약 2.4MB로 나가고 있습니다. 휴대폰에서 첫 화면이 뜨는 데 가장 오래 걸리게 만드는 원인입니다 — 손님이 이걸 기다리다 나갑니다.

    ↳ Smush 또는 ShortPixel(이미지 용량을 자동으로 줄여주는 도구)로 자동 압축을 켜고, WebP 같은 더 가벼운 최신 형식 변환도 함께 켜 주세요. 추가로 이 상단 이미지를 가장 먼저 불러오도록 지정(loading="eager" · fetchpriority="high")하면 첫 화면이 더 빨리 뜹니다.

    문제가 된 파일 2개 정확히 보기 ▸
    • WebP/wp-content/uploads/2023/hero-main.jpg1.9MB 절감
    • WebP/wp-content/uploads/2023/section-2-bg.jpg640KB 절감
  • 보통화면 뜨는 걸 막는 코드 · ~620ms

    코드(CSS·JS)가 첫 화면 뜨는 걸 막고 있습니다

    페이지 편집기와 쇼핑 기능의 코드가 페이지 맨 위에서 먼저 다 불려야 화면이 그려지는 구조라, 첫 화면이 뜨기까지 약 600ms가 더 걸립니다.

    ↳ WP Rocket의 "Delay JavaScript Execution"(손님이 클릭하기 전까지 코드 불러오기를 미루는 기능)을 켜세요. 디자인 코드(CSS)는 첫 화면에 꼭 필요한 부분만 먼저 적용하는 기능(Critical CSS)을 켜 주시면 됩니다.

    문제가 된 파일 2개 정확히 보기 ▸
    • CSS/wp-content/plugins/elementor/assets/css/frontend.min.css120KB 절감
    • CSS/wp-content/themes/astra/assets/css/minified/style.min.css65KB 절감
  • 보통다시 받지 않게 저장 · ~420ms

    한 번 받은 파일을 저장해두지 않습니다 (캐싱)

    이미지·코드 파일을 손님 기기에 저장해두라는 설정이 빠져 있어, 다시 찾아온 손님도 매번 모든 파일을 처음부터 새로 받습니다 — 단골이 올 때마다 느립니다.

    ↳ WP Rocket의 "Browser Cache"(받은 파일을 손님 기기에 저장해두는 기능)를 켜세요. 사이트 속도를 빠르게 해주는 외부 서비스(CDN, Cloudflare 무료 플랜으로 충분)를 함께 쓰면 효과가 더 커집니다.

    문제가 된 파일 2개 정확히 보기 ▸
    • no-cache/wp-content/uploads/2023/logo.png재방문 시 절감 절감
    • no-cache/wp-content/themes/astra/assets/js/minified/style.min.js재방문 시 절감 절감
  • 낮음글꼴 · ~180ms

    구글 글꼴(Google Fonts)이 화면을 늦추며 불러와집니다

    글꼴을 외부에서 먼저 다 받아야 글자가 보이는 구조라, 첫 글자가 뜨기까지 약 180ms 지연이 생깁니다. 글자가 늦게 들어오면서 화면이 한 번 밀리는 현상(CLS)도 같이 생깁니다.

    ↳ 글꼴을 화면 뜬 뒤에 불러오게 처리(테마 functions.php의 wp_enqueue_style에 media="print" onload="this.media='all'" 적용)하거나, OMGF 같은 도구로 글꼴 파일을 사이트 안에 직접 두세요.

    문제가 된 파일 1개 정확히 보기 ▸
    • Google Fontshttps://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap

샘플이 마음에 드시면 본인 도메인으로 한 번 돌려 보세요. 점수 확인까지 5초, 전체 결과까지 40초면 충분합니다.

지금 진단 →