본문으로 건너뛰기
wpflow
85100점 만점 · 모바일

flowoodz.com

2026. 10. 11. 오후 6:58:29 측정 · https://flowoodz.com/

Next.jsCloudflare
다른 사이트 측정 →
flowoodz.com 측정 화면Lighthouse 가 본 화면 · 눌러서 크게 보기
  • 568msTTFB
  • 82Lighthouse 모바일
  • 94Lighthouse 데스크톱
  • 3.8sLCP
  • 0.00CLS
  • br압축
  • DYNAMIC캐시

실험실 측정: Lighthouse 13.5.0 · 등급은 모바일 기준(구글 모바일 우선 색인) · PageSpeed Insights 에서 직접 다시 재 보기 ↗

내 브라우저에서 본 점수와 왜 다른가요?

Lighthouse 점수는 측정할 때마다 몇 점씩 흔들립니다. 구글 서버의 위치·그 순간의 네트워크 상태·서버 부하가 매번 다르기 때문입니다. 한 번의 숫자보다 여러 번 잰 추세를 보세요.

모바일 측정은 느린 휴대폰과 느린 네트워크를 흉내 내서 잽니다. 빠른 컴퓨터로 직접 열었을 때 느낌보다 낮게 나오는 게 정상입니다. 브라우저 확장 프로그램도 내 브라우저의 결과를 바꿉니다.

TTFB 는 구글이 잰 값으로 채점합니다. 우리 서버는 해외에 있어 한국 사이트를 재면 거리만으로 느리게 나오기 때문에 참고로만 씁니다.

  • 핵심 지표

    C72

    검사 5개 중 2개 통과 · 28.8/40점보기 ↓

  • 서버 응답과 캐시

    B87

    검사 6개 중 5개 통과 · 26/30점보기 ↓

  • 자원 최적화

    A+100

    검사 5개 중 5개 통과 · 20/20점보기 ↓

  • 플랫폼 준비도

    A+100

    검사 3개 중 3개 통과 · 10/10점보기 ↓

Next.js · 이 플랫폼에서 통하는 것

Next.js 사이트에서 실제로 효과가 큰 것

Next.js 는 대부분의 속도가 빌드 시점에 정해집니다 — 어떤 경로가 정적인지, 무엇이 클라이언트 번들에 들어가는지, 서버·클라이언트 경계가 어디인지가 핵심입니다.

  • 두 번째 요청의 캐시 상태: DYNAMIC
  • 구글이 잰 서버 응답 시간(TTFB): 568ms
  • CDN: Cloudflare
  1. 경로마다 렌더링 방식을 정하세요. 방문자마다 다르지 않은 페이지는 정적 생성이나 ISR 로 두면 매 요청 서버 왕복이 사라집니다.
  2. 캐시 헤더부터 확인하세요. x-vercel-cache / x-nextjs-cache 가 MISS·BYPASS 면 개선 여지가 있고, HIT 이면 렌더는 이미 재사용 중이니 번들을 보세요.
  3. 경로별 첫 로드 JS 를 줄이세요. 공용 컴포넌트가 무거운 라이브러리를 끌어오면 모든 페이지가 느려집니다. 'use client' 경계를 넘는 import 를 점검하세요.
  4. next/image·next/font 를 쓰세요. 알맞은 크기의 최신 포맷 이미지와 자체 호스팅 폰트로 화면 밀림과 렌더링 차단이 함께 줄어듭니다.
  5. 외부 스크립트는 next/script 로 늦게 불러오세요. 분석·채팅·태그 매니저를 afterInteractive / lazyOnload 로 옮기면 메인 스레드가 가벼워집니다.

이 순서로 고치면 됩니다

점수를 가장 많이 되돌릴 수 있는 것부터 놓았습니다 · 모바일 기준. 누르면 해당 검사로 이동합니다.

  1. 1가장 큰 콘텐츠 표시 2.5초 이내3.8초 · 기준 2.5초 이내여야 합니다+4점
  2. 2첫 콘텐츠 표시 1.8초 이내3초 · 기준 1.8초 이내여야 합니다+4점
  3. 3첫 바이트까지 200ms 이내568ms · 기준 200ms 이내여야 합니다+4점
  4. 4Lighthouse 성능 점수 (모바일)82점 · 구글 PSI · 모바일 기준(실험실 측정)+3.2점

AI 비서로 바로 고치기

리포트를 AI 가 읽을 수 있는 형태로도 제공합니다.

AI 비서에게 이 리포트를 맡기기

Claude·ChatGPT·Cursor 에 아래 문장을 붙여 넣으면, AI 가 리포트 전체(검사별 근거·고치는 법·공식 문서)를 읽고 계획을 세웁니다.

붙여 넣을 문장

이 속도 리포트를 읽어 줘: https://wpflow.kr/scan/r/f8zdzuxdappy8cns/report.md
실패하거나 부분 통과한 검사마다 근거와 고치는 법이 들어 있어. 회복 점수가 큰 순서로 고칠 계획을 세우고, 할 수 있는 건 직접 적용한 뒤 https://wpflow.kr/scan 에서 다시 측정해 확인해 줘.

AI 가 읽는 원본: 마크다운 · JSON (https://wpflow.kr/scan/r/f8zdzuxdappy8cns/report.md, https://wpflow.kr/scan/r/f8zdzuxdappy8cns/report.json)

워드프레스 사이트라면 xOptimize 를 설치하고 도구 → AI 비서 연결(MCP)을 켜 두세요. 그러면 AI 가 캐시·이미지 설정을 직접 바꾸고 다시 잽니다.

이 측정기를 AI 비서에 연결하기 (MCP)

무료 · 가입 없음. 공개된 어떤 사이트든 AI 가 직접 측정하고 이 리포트와 같은 결과를 받아 옵니다.

엔드포인트

https://wpflow.kr/scan/mcp

Claude Code — 한 줄

claude mcp add --transport http wpflow-scan https://wpflow.kr/scan/mcp

Claude Desktop · Cursor · 기타 MCP 클라이언트 설정

{
  "mcpServers": {
    "wpflow-scan": {
      "type": "http",
      "url": "https://wpflow.kr/scan/mcp"
    }
  }
}
  • run_speed_scan — 주소 하나를 측정하고 채점된 리포트를 돌려줍니다.
  • get_speed_scan — 이미 측정한 리포트를 id 로 읽습니다.

전체 검사 결과

모바일 측정 기준 19개 검사. 기준을 넘지 못했어도 '개선 필요' 구간이면 절반 점수(부분)를 받습니다.

핵심 지표

검사 5개 중 2개 통과 · 28.8/40점

72/100
  • 부분

    Lighthouse 성능 점수 (모바일)14.8/18점

    82점

    아래 항목들을 합쳐 구글이 매기는 종합 점수입니다. 검색 순위에 쓰이는 값입니다.

    고치는 법 · 아래 실패 항목을 고치면 이 점수가 함께 올라갑니다.

    • · 구글 PSI · 모바일 기준(실험실 측정)
    • · 90점 이상이 '좋음'입니다
    AI 비서에게 시키기
    내 사이트의 xOptimize MCP 연결로: xOptimize로 페이지 캐시와 이미지 최적화를 켠 뒤, 속도를 다시 측정해서 점수가 올랐는지 확인해줘.

    근거: Lighthouse 성능 점수 산정

  • 부분

    가장 큰 콘텐츠 표시 2.5초 이내4/8점

    3.8초

    방문자가 '페이지가 떴다'고 느끼는 시점입니다. 대표 이미지나 제목이 보이는 순간이죠.

    고치는 법 · 페이지를 캐시하고, 대표 이미지를 먼저 불러오게 하고, 이미지를 가볍게 만드세요.

    • · 기준 2.5초 이내여야 합니다
    • · 4초 이하라 절반 점수를 받았습니다

    xOptimize페이지 캐시 · 이미지 최적화로 해결됩니다

    AI 비서에게 시키기
    내 사이트의 xOptimize MCP 연결로: xOptimize로 페이지 캐시를 켜고 대표 이미지를 WebP로 변환한 뒤, LCP를 다시 측정해줘.

    근거: web.dev — LCP · LCP 개선하기

  • 통과

    화면 밀림 0.1 이하5/5점

    0

    근거: web.dev — CLS

  • 통과

    총 차단 시간 200ms 이내5/5점

    25ms

    근거: web.dev — TBT

  • 실패

    첫 콘텐츠 표시 1.8초 이내0/4점

    3초

    빈 화면이 아니라 무언가 보이기 시작하는 시점입니다.

    고치는 법 · 페이지 캐시를 켜고, 처음 화면에 필요 없는 리소스를 뒤로 미루세요.

    • · 기준 1.8초 이내여야 합니다

    xOptimize페이지 캐시로 해결됩니다

    AI 비서에게 시키기
    내 사이트의 xOptimize MCP 연결로: xOptimize로 페이지 캐시를 켜고 FCP를 다시 측정해줘.

    근거: web.dev — FCP

서버 응답과 캐시

검사 6개 중 5개 통과 · 26/30점

87/100
  • 부분

    첫 바이트까지 200ms 이내4/8점

    568ms

    서버가 응답을 시작하기까지의 시간입니다. 이게 느리면 뒤의 모든 것이 밀립니다.

    고치는 법 · 페이지 캐시를 켜면 PHP를 거치지 않고 바로 응답합니다. 그래도 느리면 호스팅 문제입니다.

    • · 기준 200ms 이내여야 합니다
    • · 600ms 이하라 절반 점수를 받았습니다
    • · 우리 서버에서 직접 재면 222ms (측정 위치가 달라 참고용)

    xOptimize페이지 캐시로 해결됩니다

    AI 비서에게 시키기
    내 사이트의 xOptimize MCP 연결로: xOptimize로 페이지 캐시를 켜고, 홈페이지를 한 번 열어 캐시를 채운 뒤 TTFB를 다시 재줘.

    근거: web.dev — TTFB

  • 통과

    캐시에서 응답7/7점

    캐시에서 응답

    • · x-nextjs-cache: HIT
    • · 2회차가 1회차보다 빨랐습니다 (940ms → 222ms)

    근거: web.dev — HTTP 캐시

  • 통과

    HTML 압축 (Brotli/GZIP)5/5점

    br 압축

    근거: web.dev — 텍스트 압축

  • 통과

    정적 파일 캐시 정책5/5점

    충분히 깁니다

    • · 외부 파일 2개는 사이트에서 설정할 수 없어 제외했습니다

    근거: Lighthouse — 캐시 정책

  • 통과

    CDN / 엣지 네트워크3/3점

    Cloudflare 감지

    근거: web.dev — CDN

  • 통과

    불필요한 리다이렉트 없음2/2점

    없음

    근거: Lighthouse — 리다이렉트

자원 최적화

검사 5개 중 5개 통과 · 20/20점

100/100

플랫폼 준비도

검사 3개 중 3개 통과 · 10/10점

100/100
  • 통과

    캐시 플러그인 동작 중4/4점

    동작 중

    • · x-nextjs-cache: HIT
  • 통과

    이미지 최적화 동작 중4/4점

    해당 없음

    • · 첫 화면 HTML 에 이미지가 없습니다
  • 통과

    검색 노출 준비2/2점

    준비됨

    • · 제목: flowoodz, 호기심을 AI로 푸는 툴

점수 공유하기

flowoodz.com 속도 점수 공유 카드

점수 카드 공유

X·LinkedIn·카카오톡·슬랙에 링크를 붙이면 이 카드가 미리보기로 뜹니다. 이미지로 받아 직접 올려도 됩니다.

최근 측정된 사이트 공개 리포트

내 사이트 측정하기 →

스캔 f8zdzuxdappy8cns · 채점 기준 v2 · 측정 데이터: Google PageSpeed Insights (Lighthouse 13.5.0), 등급은 모바일 기준 · AI 용 마크다운 · JSON
이 측정은 사이트 바깥에서 보이는 것만으로 판단합니다. 서버 안쪽 캐시나 같은 주소로 포맷만 바꿔 주는 이미지 설정은 밖에서 보이지 않을 수 있습니다.
flowoodz.com 의 주인이신데 이 리포트가 공개되지 않기를 원하시면 reu0691@kakao.com 로 알려 주세요. 목록에서 내려 드립니다.

flowoodz.com 속도 점수 85점 (B) — wpflow