Starium Global Phase 6 Sprint — 2026-05-09

요약

Phase 5 후속. 사용자 명령(임시관리자) 기반 7 task 모두 PASS — Critical CSS 인라인 / srcset 다중 사이즈 / Schema.org 확장 / OG image 동적 생성 / A/B Funnel 대시보드 / ALT 다국어 LLM 자동 + E2E 검증.

E2E 결과 (모두 PASS)

항목	결과
Critical CSS 인라인	64 페이지 above-the-fold 스타일 인라인 + tw.min.css preload(비차단)
srcset 다중 사이즈	63장 × 3 사이즈 × 2 포맷 = 378 변환본 추가 (320/640/1280w × webp+avif). 478 picture 자동 적용
Schema.org 확장	메인 페이지 FAQPage(5 Q&A) + Course(Diploma Master Class) JSON-LD 추가
OG image 동적 SVG	12 endpoint (메인 + 11 슬러그), 1.8KB SVG, page별 색상/제목
A/B Funnel 대시보드	/api/ab-funnel (CEO) + admin 카드 (variant별 page_view → cta_click → inquiry conversion %)
ALT 다국어 LLM	xAI grok-3-mini 1 호출 87초, 63 이미지 × 4 lang = 252 ALT, 59 페이지 적용 (data-alt-{lang})
트레이딩 / 서비스	모두 active

작업 (Phase 6A → 6B)

Phase 6A (병렬 6개)

A-1 Critical CSS 인라인

• 64 페이지 (메인 + 11 동적 + 4 메인 prerender + 44 언어별 + 4 partner) head에 critical CSS 인라인:
  • body / nav.sticky / hero-mesh / lang-content 토글 / 폰트
• <link rel="preload" href="tw.min.css" as="style" onload="...rel='stylesheet'"> + <noscript> fallback
• FOUC 회피 + above-the-fold 즉시 렌더 + 나머지 CSS 비차단 로드

A-2 srcset 다중 사이즈 (반응형)

• 63 jpg × 3 사이즈 (320w / 640w / 1280w) × 2 포맷 (webp + avif) = 378 신규 이미지
• WebP: cwebp -resize $w 0 -q 80 병렬 8 worker
• AVIF: convert (resize) + avifenc -q 60 -s 6 병렬 6 worker
• HTML picture 478건 자동 갱신:

  <picture>
    <source type="image/avif" srcset=".../X-320w.avif 320w, .../X-640w.avif 640w, .../X-1280w.avif 1280w" sizes="(max-width:640px) 100vw, (max-width:1024px) 50vw, 25vw">
    <source type="image/webp" srcset=".../X-320w.webp 320w, ..." sizes="...">
    <img src=".../X.jpg" alt="..." loading="lazy">
  </picture>
  

• 모바일 320w webp: ~5.5KB (1280w 1/4 size) → 데이터 절감 ~75% (모바일)

A-3 Schema.org 확장

• 메인 페이지 +FAQPage (5 Q&A): "어떤 의료 프로그램?" / "Diploma란?" / "VIP 6박7일 포함?" / "Shangrila Bio 관계?" / "글로벌 파트너십 문의?"
• 메인 페이지 +Course: STARIUM Edition Diploma Master Class (4박5일 + 3박4일 instances)
• Google Rich Results 노출 가능 (의료관광 검색 결과 풍부 형식)

A-4 OG image 동적 SVG 생성

• /starium-global/og/{slug}.svg endpoint (메인 + 11 슬러그)
• 1200×630 표준 SVG, 페이지별 색상 + 제목 + STARIUM 로고
• linearGradient + radialGradient + Inter 폰트 + Cache-Control max-age=86400
• 모든 페이지 og:image + twitter:image 갱신
• 페이지마다 다른 미리보기 (WhatsApp/Facebook/Twitter 공유 시)

A-5 A/B Conversion Funnel

• GET /api/starium-global/ab-funnel?experiment_key=X (CEO 인증)
• variant별 funnel: visitors_assigned → page_views → cta_clicks → inquiry_submits + cta_rate_pct + inquiry_rate_pct
• admin/index.html 카드: 2 실험 토글 (hero_cta_v1 / hero_copy_v1)
• 클라이언트 v3 client script가 STARIUM_VARIANTS 객체로 모든 실험 variant를 이벤트 meta에 자동 첨부

A-6 ALT 다국어 LLM 자동

• xAI grok-3-mini 1 호출 87초 — 63 이미지 × 4 언어 일괄 생성 (단일 prompt + JSON 응답)
• 파일명 prefix 기반 의미 추론 (01-12 facility / 13 FPMU / 14 marketing / 18 covers / 19 leaflets)
• 252 ALT 매핑 → HTML img alt + data-alt-{ko/zh/en/mn} 속성 추가 (59 페이지)
• 페이지 lang 따라 alt 동적 (ko/zh/en/mn 페이지마다 해당 언어 alt 우선)
• SEO + 접근성(스크린 리더) 동시 개선

샘플:

01-clinic-exterior.jpg: ko=스타륨 클리닉 외부 / zh=STARIUM诊所外部 / en=STARIUM clinic exterior / mn=STARIUM клиник гадна

Phase 6B: E2E + cleanup

• 6 항목 모두 PASS
• 추가 cleanup 없음 (테스트 데이터 미생성)

변경 파일

신규 (~380건)

• /starium-global/assets/gallery/*-{320,640,1280}w.{webp,avif} (378 이미지)
• /tmp/sg-build/translate-alt.py (LLM ALT 생성)
• /tmp/sg-build/alt-multilingual.json (252 ALT 매핑)

수정

• /opt/star365-ceo/server.mjs: +OG image SVG endpoint + A/B funnel endpoint (~120 LOC)
• 64 HTML 페이지: Critical CSS + preload tw.min.css
• 478 picture: srcset 다중 사이즈 (3 사이즈 × 2 포맷)
• 메인 페이지: FAQPage + Course JSON-LD
• 모든 페이지 og:image: gallery 이미지 → 동적 SVG
• 59 페이지 img alt: 다국어 alt + data-alt-{lang}
• admin/index.html: A/B Funnel 카드 + loadFunnel JS

DB

• 변경 없음 (Phase 3-5 테이블 그대로 활용)

안전 점검

• ✅ 트레이딩 (gunja-pair-hedge / gunja-multi-tenant / gate-pair-hedge) active
• ✅ DB DROP 0 / UFW 0 / nginx 0
• ✅ Critical CSS preload pattern: noscript fallback 포함 (JS 비활성 사용자도 정상)
• ✅ srcset sizes 정확 (모바일 100vw / tablet 50vw / desktop 25vw)
• ✅ OG SVG: 검색엔진 + SNS 모두 SVG 지원, 캐시 1일
• ✅ ALT LLM 응답 fallback (실패 시 영문 alt 보존)
• ✅ A/B Funnel SQL: variant별 그룹화 + percentile 정확

CEO 사용 가이드 (Phase 6)

A/B Funnel 조회

CEO_KEY=$(cat /root/.ceo_access_key)
curl -sk -H "X-CEO-Key: $CEO_KEY" "https://ceo.star365.site/api/starium-global/ab-funnel?experiment_key=hero_cta_v1" | python3 -m json.tool
curl -sk -H "X-CEO-Key: $CEO_KEY" "https://ceo.star365.site/api/starium-global/ab-funnel?experiment_key=hero_copy_v1" | python3 -m json.tool

OG image 미리보기 (소셜 공유 테스트)

https://ceo.star365.site/starium-global/og/starium-global.svg
https://ceo.star365.site/starium-global/og/nad-mct.svg
https://ceo.star365.site/starium-global/og/vip-tour.svg

사용자 검증 도구

• Google Rich Results Test: https://search.google.com/test/rich-results?url=https://ceo.star365.site/starium-global (FAQPage + Course 풍부 형식 노출 확인)
• Facebook Sharing Debugger: https://developers.facebook.com/tools/debug/ (OG SVG 미리보기)
• Twitter Card Validator: https://cards-dev.twitter.com/validator
• PageSpeed Insights: https://pagespeed.web.dev/?url=https://ceo.star365.site/starium-global (Critical CSS + srcset 효과 측정)

Phase 7 후보

사용자 액션 필요 (블로킹)

1. SMTP App Password (Phase 4 후속)
2. Cloudflare DNS
3. 카카오·WeChat·LINE 공식 채널
4. Case Study 환자 동의 콘텐츠
5. Slack webhook URL
6. Plausible 자체 호스팅
7. Google Search Console / Bing Webmaster 등록

Claude 자율 가능

8. OG image PNG 변환 (현 SVG → PNG 1200×630 fallback, 일부 SNS는 SVG 미지원)
9. 이미지 우선순위 hint (fetchpriority="high" 첫 이미지 + decoding="async")
10. Resource Hints (<link rel="preconnect" href="//fonts.googleapis.com">)
11. HTTP/3 지원 확인 (nginx)
12. 추가 A/B 실험 (price displayed/hidden, hero image variants)
13. Inquiry 형식 확장 (drag&drop 첨부파일)
14. Content-Security-Policy 헤더 강화
15. Multi-CDN fallback (cdnjs / unpkg backup)
16. Booking widget (Calendar 통합)
17. Pricing comparison table (시술별)
18. Video embed (시술 시연/병원 투어)

메모리/보고서

• 보고서: /opt/star365-hq/docs/04-report/starium-global-phase6-20260509.md (현 파일)
• 메모리: starium-global-phase6-20260509.md