# flowoodz.com 속도 리포트

- 리포트: https://wpflow.kr/scan/r/6h8y2pguzrp4xvdh
- 측정 주소: https://flowoodz.com/
- 측정 시각: 2026-10-11T09:53:26.325Z
- 총점(모바일 기준 등급): 77점 (C)
- 데스크톱: 93점 (A)
- 감지된 기술: Next.js, Cloudflare
- 전송: 압축 br · 캐시 DYNAMIC · CDN Cloudflare
- 모바일 지표: Lighthouse 73 · LCP 4.7s · CLS 0.00 · TBT 41ms · FCP 3.7s · TTFB 521ms
- 데스크톱 지표: Lighthouse 95 · LCP 744ms · CLS 0.03 · TBT 119ms · FCP 618ms · TTFB 529ms
- 채점 기준: v2 (100점 = 핵심 지표 40 + 서버·캐시 30 + 자원 20 + 플랫폼 10). 기준 미달이어도 '개선 필요' 구간이면 절반 점수.

> 사용법: '고칠 순서' 위에서부터 처리하고, 고친 뒤 https://wpflow.kr/scan 에서 다시 측정해 확인하세요.

## 모바일 — 77점 (C)

### 고칠 순서 (회복 가능한 점수 순)

1. 가장 큰 콘텐츠 표시 2.5초 이내 — +8점 (4.7초)
2. Lighthouse 성능 점수 (모바일) — +4.9점 (73점)
3. 첫 콘텐츠 표시 1.8초 이내 — +4점 (3.7초)
4. 첫 바이트까지 200ms 이내 — +4점 (521ms)
5. 렌더링을 막는 리소스 없음 — +2.5점 (차단 리소스가 있습니다)

### 핵심 지표 — 58/100 (23.1/40점, 2/5 통과)

#### [부분] Lighthouse 성능 점수 (모바일) — 13.1/18점
- 측정값: 73점
- 근거: 구글 PSI · 모바일 기준(실험실 측정)
- 근거: 90점 이상이 '좋음'입니다
- 왜 중요한가: 아래 항목들을 합쳐 구글이 매기는 종합 점수입니다. 검색 순위에 쓰이는 값입니다.
- 고치는 법: 아래 실패 항목을 고치면 이 점수가 함께 올라갑니다.
- AI 에게 시킬 문장: xOptimize로 페이지 캐시와 이미지 최적화를 켠 뒤, 속도를 다시 측정해서 점수가 올랐는지 확인해줘.
- 공식 문서: [Lighthouse 성능 점수 산정](https://developer.chrome.com/docs/lighthouse/performance/performance-scoring)

#### [실패] 가장 큰 콘텐츠 표시 2.5초 이내 — 0/8점
- 측정값: 4.7초
- 근거: 기준 2.5초 이내여야 합니다
- 왜 중요한가: 방문자가 '페이지가 떴다'고 느끼는 시점입니다. 대표 이미지나 제목이 보이는 순간이죠.
- 고치는 법: 페이지를 캐시하고, 대표 이미지를 먼저 불러오게 하고, 이미지를 가볍게 만드세요.
- 해결 도구: xOptimize · 페이지 캐시 · 이미지 최적화
- AI 에게 시킬 문장: xOptimize로 페이지 캐시를 켜고 대표 이미지를 WebP로 변환한 뒤, LCP를 다시 측정해줘.
- 공식 문서: [web.dev — LCP](https://web.dev/articles/lcp)
- 공식 문서: [LCP 개선하기](https://web.dev/articles/optimize-lcp)

#### [통과] 화면 밀림 0.1 이하 — 5/5점
- 측정값: 0
- 공식 문서: [web.dev — CLS](https://web.dev/articles/cls)

#### [통과] 총 차단 시간 200ms 이내 — 5/5점
- 측정값: 41ms
- 공식 문서: [web.dev — TBT](https://web.dev/articles/tbt)

#### [실패] 첫 콘텐츠 표시 1.8초 이내 — 0/4점
- 측정값: 3.7초
- 근거: 기준 1.8초 이내여야 합니다
- 왜 중요한가: 빈 화면이 아니라 무언가 보이기 시작하는 시점입니다.
- 고치는 법: 페이지 캐시를 켜고, 처음 화면에 필요 없는 리소스를 뒤로 미루세요.
- 해결 도구: xOptimize · 페이지 캐시
- AI 에게 시킬 문장: xOptimize로 페이지 캐시를 켜고 FCP를 다시 측정해줘.
- 공식 문서: [web.dev — FCP](https://web.dev/articles/fcp)

### 서버 응답과 캐시 — 87/100 (26/30점, 5/6 통과)

#### [부분] 첫 바이트까지 200ms 이내 — 4/8점
- 측정값: 521ms
- 근거: 기준 200ms 이내여야 합니다
- 근거: 600ms 이하라 절반 점수를 받았습니다
- 근거: 우리 서버에서 직접 재면 240ms (측정 위치가 달라 참고용)
- 왜 중요한가: 서버가 응답을 시작하기까지의 시간입니다. 이게 느리면 뒤의 모든 것이 밀립니다.
- 고치는 법: 페이지 캐시를 켜면 PHP를 거치지 않고 바로 응답합니다. 그래도 느리면 호스팅 문제입니다.
- 해결 도구: xOptimize · 페이지 캐시
- AI 에게 시킬 문장: xOptimize로 페이지 캐시를 켜고, 홈페이지를 한 번 열어 캐시를 채운 뒤 TTFB를 다시 재줘.
- 공식 문서: [web.dev — TTFB](https://web.dev/articles/ttfb)

#### [통과] 캐시에서 응답 — 7/7점
- 측정값: 캐시에서 응답
- 근거: x-nextjs-cache: HIT
- 근거: 2회차가 1회차보다 빨랐습니다 (997ms → 240ms)
- 공식 문서: [web.dev — HTTP 캐시](https://web.dev/articles/http-cache)

#### [통과] HTML 압축 (Brotli/GZIP) — 5/5점
- 측정값: br 압축
- 공식 문서: [web.dev — 텍스트 압축](https://developer.chrome.com/docs/lighthouse/performance/uses-text-compression)

#### [통과] 정적 파일 캐시 정책 — 5/5점
- 측정값: 충분히 깁니다
- 근거: 외부 파일 2개는 사이트에서 설정할 수 없어 제외했습니다
- 공식 문서: [Lighthouse — 캐시 정책](https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl)

#### [통과] CDN / 엣지 네트워크 — 3/3점
- 측정값: Cloudflare 감지
- 공식 문서: [web.dev — CDN](https://web.dev/articles/content-delivery-networks)

#### [통과] 불필요한 리다이렉트 없음 — 2/2점
- 측정값: 없음
- 공식 문서: [Lighthouse — 리다이렉트](https://developer.chrome.com/docs/lighthouse/performance/redirects)

### 자원 최적화 — 88/100 (17.5/20점, 4/5 통과)

#### [부분] 렌더링을 막는 리소스 없음 — 2.5/5점
- 측정값: 차단 리소스가 있습니다
- 근거: Lighthouse 감사 점수 50% — 절반 점수
- 근거: email-decode.min.js — 287ms 절약 가능
- 왜 중요한가: CSS·JS를 다 받을 때까지 화면이 비어 있습니다.
- 고치는 법: 첫 화면에 필요한 CSS만 먼저 넣고 나머지는 뒤로 미루세요.
- AI 에게 시킬 문장: 첫 화면을 막는 CSS·JS 파일 목록을 뽑아줘.
- 공식 문서: [Lighthouse — 렌더링 차단](https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources)

#### [통과] CSS·JS 압축 — 4/4점
- 측정값: CSS·JS 모두 압축됨
- 공식 문서: [Lighthouse — CSS 최소화](https://developer.chrome.com/docs/lighthouse/performance/unminified-css)

#### [통과] 최신 이미지 포맷 — 4/4점
- 측정값: webp·avif 사용
- 공식 문서: [Lighthouse — 최신 이미지 형식](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images)

#### [통과] 대표 이미지를 일찍 발견 가능 — 4/4점
- 측정값: 일찍 발견됩니다
- 공식 문서: [LCP 요청 조기 발견](https://developer.chrome.com/docs/lighthouse/performance/prioritize-lcp-image)

#### [통과] 전체 페이지 용량 1.5MB 이하 — 3/3점
- 측정값: 1.2MB
- 공식 문서: [Lighthouse — 총 바이트 용량](https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight)

### 플랫폼 준비도 — 100/100 (10/10점, 3/3 통과)

#### [통과] 캐시 플러그인 동작 중 — 4/4점
- 측정값: 동작 중
- 근거: x-nextjs-cache: HIT

#### [통과] 이미지 최적화 동작 중 — 4/4점
- 측정값: 해당 없음
- 근거: 첫 화면 HTML 에 이미지가 없습니다

#### [통과] 검색 노출 준비 — 2/2점
- 측정값: 준비됨
- 근거: 제목: flowoodz, 호기심을 AI로 푸는 툴

## 데스크톱 — 93점 (A)

### 고칠 순서 (회복 가능한 점수 순)

1. 첫 바이트까지 200ms 이내 — +4점 (529ms)
2. 렌더링을 막는 리소스 없음 — +2.5점 (차단 리소스가 있습니다)

### 핵심 지표 — 98/100 (39.1/40점, 5/5 통과)

#### [통과] Lighthouse 성능 점수 (데스크톱) — 17.1/18점
- 측정값: 95점
- 근거: 구글 PSI · 데스크톱 기준(실험실 측정)
- 공식 문서: [Lighthouse 성능 점수 산정](https://developer.chrome.com/docs/lighthouse/performance/performance-scoring)

#### [통과] 가장 큰 콘텐츠 표시 2.5초 이내 — 8/8점
- 측정값: 744ms
- 공식 문서: [web.dev — LCP](https://web.dev/articles/lcp)
- 공식 문서: [LCP 개선하기](https://web.dev/articles/optimize-lcp)

#### [통과] 화면 밀림 0.1 이하 — 5/5점
- 측정값: 0.03
- 공식 문서: [web.dev — CLS](https://web.dev/articles/cls)

#### [통과] 총 차단 시간 200ms 이내 — 5/5점
- 측정값: 119ms
- 공식 문서: [web.dev — TBT](https://web.dev/articles/tbt)

#### [통과] 첫 콘텐츠 표시 1.8초 이내 — 4/4점
- 측정값: 618ms
- 공식 문서: [web.dev — FCP](https://web.dev/articles/fcp)

### 서버 응답과 캐시 — 87/100 (26/30점, 5/6 통과)

#### [부분] 첫 바이트까지 200ms 이내 — 4/8점
- 측정값: 529ms
- 근거: 기준 200ms 이내여야 합니다
- 근거: 600ms 이하라 절반 점수를 받았습니다
- 근거: 우리 서버에서 직접 재면 240ms (측정 위치가 달라 참고용)
- 왜 중요한가: 서버가 응답을 시작하기까지의 시간입니다. 이게 느리면 뒤의 모든 것이 밀립니다.
- 고치는 법: 페이지 캐시를 켜면 PHP를 거치지 않고 바로 응답합니다. 그래도 느리면 호스팅 문제입니다.
- 해결 도구: xOptimize · 페이지 캐시
- AI 에게 시킬 문장: xOptimize로 페이지 캐시를 켜고, 홈페이지를 한 번 열어 캐시를 채운 뒤 TTFB를 다시 재줘.
- 공식 문서: [web.dev — TTFB](https://web.dev/articles/ttfb)

#### [통과] 캐시에서 응답 — 7/7점
- 측정값: 캐시에서 응답
- 근거: x-nextjs-cache: HIT
- 근거: 2회차가 1회차보다 빨랐습니다 (997ms → 240ms)
- 공식 문서: [web.dev — HTTP 캐시](https://web.dev/articles/http-cache)

#### [통과] HTML 압축 (Brotli/GZIP) — 5/5점
- 측정값: br 압축
- 공식 문서: [web.dev — 텍스트 압축](https://developer.chrome.com/docs/lighthouse/performance/uses-text-compression)

#### [통과] 정적 파일 캐시 정책 — 5/5점
- 측정값: 충분히 깁니다
- 근거: 외부 파일 2개는 사이트에서 설정할 수 없어 제외했습니다
- 공식 문서: [Lighthouse — 캐시 정책](https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl)

#### [통과] CDN / 엣지 네트워크 — 3/3점
- 측정값: Cloudflare 감지
- 공식 문서: [web.dev — CDN](https://web.dev/articles/content-delivery-networks)

#### [통과] 불필요한 리다이렉트 없음 — 2/2점
- 측정값: 없음
- 공식 문서: [Lighthouse — 리다이렉트](https://developer.chrome.com/docs/lighthouse/performance/redirects)

### 자원 최적화 — 88/100 (17.5/20점, 4/5 통과)

#### [부분] 렌더링을 막는 리소스 없음 — 2.5/5점
- 측정값: 차단 리소스가 있습니다
- 근거: Lighthouse 감사 점수 50% — 절반 점수
- 근거: email-decode.min.js — 201ms 절약 가능
- 왜 중요한가: CSS·JS를 다 받을 때까지 화면이 비어 있습니다.
- 고치는 법: 첫 화면에 필요한 CSS만 먼저 넣고 나머지는 뒤로 미루세요.
- AI 에게 시킬 문장: 첫 화면을 막는 CSS·JS 파일 목록을 뽑아줘.
- 공식 문서: [Lighthouse — 렌더링 차단](https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources)

#### [통과] CSS·JS 압축 — 4/4점
- 측정값: CSS·JS 모두 압축됨
- 공식 문서: [Lighthouse — CSS 최소화](https://developer.chrome.com/docs/lighthouse/performance/unminified-css)

#### [통과] 최신 이미지 포맷 — 4/4점
- 측정값: webp·avif 사용
- 공식 문서: [Lighthouse — 최신 이미지 형식](https://developer.chrome.com/docs/lighthouse/performance/uses-webp-images)

#### [통과] 대표 이미지를 일찍 발견 가능 — 4/4점
- 측정값: 일찍 발견됩니다
- 공식 문서: [LCP 요청 조기 발견](https://developer.chrome.com/docs/lighthouse/performance/prioritize-lcp-image)

#### [통과] 전체 페이지 용량 1.5MB 이하 — 3/3점
- 측정값: 1.2MB
- 공식 문서: [Lighthouse — 총 바이트 용량](https://developer.chrome.com/docs/lighthouse/performance/total-byte-weight)

### 플랫폼 준비도 — 100/100 (10/10점, 3/3 통과)

#### [통과] 캐시 플러그인 동작 중 — 4/4점
- 측정값: 동작 중
- 근거: x-nextjs-cache: HIT

#### [통과] 이미지 최적화 동작 중 — 4/4점
- 측정값: 해당 없음
- 근거: 첫 화면 HTML 에 이미지가 없습니다

#### [통과] 검색 노출 준비 — 2/2점
- 측정값: 준비됨
- 근거: 제목: flowoodz, 호기심을 AI로 푸는 툴