E:LAB
← Services
Sample report

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

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

예시 시나리오

5년째 운영 중인 워드프레스 사이트. Elementor · WooCommerce · 호환 플러그인 9개 · 2.4MB짜리 히어로 이미지. "느려졌다"는 체감만 있고 어디부터 손대야 할지 모르는 전형적인 상황입니다.

example-bakery.com
성능 점수38/ 100E
감지된 스택
WordPress · Elementor · WooCommerce
  • 심각2
  • 보통2
  • 낮음1
예상 영향
이 5개 항목을 모두 해결하시면 약 3,600ms를 단축할 수 있습니다. Lighthouse Performance 점수 기준으로 +25점 정도 올라갑니다.
  • 심각JavaScript · ~1,400ms

    쓰이지 않는 JavaScript가 1.2MB 로드되고 있습니다

    Elementor와 호환 플러그인들이 모든 페이지에 자신의 JS 번들을 통째로 끼워 넣고 있어, 사실은 홈에서만 필요한 코드까지 모든 페이지에서 다운로드됩니다.

    ↳ Asset CleanUp 플러그인으로 페이지마다 불필요한 플러그인 자산을 꺼 주세요. Elementor를 쓰는 페이지가 따로 정해져 있다면, 그 외 페이지에서는 Elementor 스크립트를 완전히 빼셔도 됩니다.

    Lighthouse가 지목한 파일 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 절감
  • 심각Images · ~980ms

    히어로 이미지가 원본 그대로 로드되고 있습니다

    상단의 큰 이미지가 압축 없이 약 2.4MB로 송출되고 있습니다. 모바일 LCP(Largest Contentful Paint)가 늦어지는 가장 큰 원인입니다.

    ↳ Smush 또는 ShortPixel 플러그인으로 자동 압축을 켜시고, WebP 같은 차세대 포맷 변환도 함께 활성화하세요. 추가로 히어로 이미지에 loading="eager" · fetchpriority="high"를 지정해 LCP 우선순위를 올려 주세요.

    Lighthouse가 지목한 파일 2개 ▸
    • WebP/wp-content/uploads/2023/hero-main.jpg1.9MB 절감
    • WebP/wp-content/uploads/2023/section-2-bg.jpg640KB 절감
  • 보통Render-blocking · ~620ms

    CSS · JS가 첫 화면 렌더링을 막고 있습니다

    Elementor의 CSS와 WooCommerce 스크립트가 페이지 상단에서 동기로 로드되어, 첫 화면이 그려지기까지 약 600ms가 추가로 소요됩니다.

    ↳ WP Rocket의 "Delay JavaScript Execution"을 켜서 사용자 인터랙션이 일어나기 전까지 JS 로딩을 늦추세요. CSS는 Critical CSS 생성을 활성화해 인라인으로 처리하시면 됩니다.

    Lighthouse가 지목한 파일 2개 ▸
    • CSS/wp-content/plugins/elementor/assets/css/frontend.min.css120KB 절감
    • CSS/wp-content/themes/astra/assets/css/minified/style.min.css65KB 절감
  • 보통Caching · ~420ms

    정적 자산에 캐시 헤더가 없습니다

    이미지 · CSS · JS 응답에 Cache-Control 헤더가 빠져 있어, 재방문자도 매번 모든 자산을 새로 다운로드하게 됩니다.

    ↳ WP Rocket의 "Browser Cache"를 활성화하시거나 .htaccess에 Cache-Control: max-age=31536000을 추가하세요. CDN(Cloudflare 무료 플랜이면 충분합니다)을 함께 적용하시면 효과가 더 커집니다.

    Lighthouse가 지목한 파일 2개 ▸
    • no-cache/wp-content/uploads/2023/logo.png재방문 시 절감 절감
    • no-cache/wp-content/themes/astra/assets/js/minified/style.min.js재방문 시 절감 절감
  • 낮음Fonts · ~180ms

    Google Fonts가 동기로 로드되고 있습니다

    Google Fonts CSS가 동기로 로드되어 첫 글자가 화면에 그려지기까지 약 180ms 지연이 생깁니다. CLS(레이아웃 시프트)에도 영향을 줍니다.

    ↳ 테마의 functions.php에서 wp_enqueue_style 호출에 media="print" onload="this.media='all'" 기법을 적용하시거나, OMGF 같은 플러그인으로 폰트 파일을 사이트에 직접 호스팅하세요.

    Lighthouse가 지목한 파일 1개 ▸
    • Google Fontshttps://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap

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

지금 진단 →