“첫 상품 이미지가 한참 있다 떠요”
첫 이미지는 LCP를 좌우합니다. 원본 용량과 포맷부터 확인합니다.
Learn
증상에서 시작해, 필요한 개념만 확인합니다
Core Web Vitals, 이미지, Mixed Content, PageSpeed, Function Guide를 고객 문제 기준으로 연결합니다.
Learn IndexFunction Guide 보기 →
증상, 제품, function을 한 번에 잇습니다
Learn은 단순 문서 목록이 아니라 문제에서 가이드, function, PoC 확인 항목으로 이어지는 경로 지도입니다.
01
문제에서 찾기
지금 겪는 증상에서 먼저 볼 가이드를 고릅니다.
02
제품 영역으로 보기
Image, Page, Delivery처럼 적용 범위별로 살펴봅니다.
03
Function으로 확인
실제 매뉴얼 function과 PoC 확인 항목까지 연결합니다.
Find Your Fix
문제에서 가이드와 기능까지 바로 연결합니다
제품 이름을 몰라도 괜찮습니다. 현재 겪는 문제에서 시작해 먼저 읽을 가이드, 관련 function, PoC 확인 항목을 함께 보여줍니다.
“모바일에서 상세 페이지가 너무 무거워요”
긴 이미지와 외부 리소스가 누적되면 앞단 처리가 필요합니다.
“HTTPS 페이지에서 일부 이미지가 보이지 않습니다”
HTTP 외부 리소스는 HTTPS 페이지에서 차단될 수 있습니다.
“이벤트 때 서버 응답이 느려집니다”
반복 요청이 origin으로 몰리면 이벤트 구간 응답이 느려집니다.
먼저 볼 가이드M2 Live Cloud 작동 방식 →
PoC 확인 항목
캐시 대상 URL · TTL · origin 요청량 · 장애 기준
“GIF와 비디오 운영 비용이 커집니다”
GIF와 비디오는 요청 구간과 포맷 분기 기준을 함께 봐야 합니다.
“점수는 좋은데 고객은 느리다고 해요”
CrUX p75와 Lighthouse는 서로 다른 기준입니다. 함께 해석해야 합니다.
먼저 볼 가이드Core Web Vitals →
PoC 확인 항목
CrUX p75 · Lighthouse · LCP 분해 · TBT
“클릭하면 반응이 굼떠요”
외부 스크립트가 메인 스레드를 점유하면 INP 체감이 나빠집니다.
“뭐가 문제인지부터 모르겠어요”
기능보다 현재 운영 구조와 적용 가능한 범위를 먼저 구분합니다.
Guides
개념부터 차근차근 읽고 싶다면
개념 입문
Core Web Vitals
LCP·CLS·INP를 구매 여정의 순간으로 해석합니다. 커머스 담당자를 위한 첫 가이드입니다.
읽어보기LCP 개선의 시작점이미지 최적화
브라우저·디바이스 조건에 맞춰 응답을 최적화하고, URL 명령으로 변환을 제어하는 방식.
읽어보기커머스 핵심상품기술서 최적화
원본을 직접 수정하지 않고 상품기술서를 최적화하는 5단계 파이프라인.
읽어보기검증 후 확장PageSpeed 전체 최적화
이미지·비디오·스크립트·봇 방어까지, 메인페이지를 포함한 Full Page Optimization.
읽어보기신뢰 문제Mixed Content
HTTPS에서 깨지는 이미지가 왜 생기고, 도메인 규칙으로 어떻게 자동 처리되는지.
읽어보기구조 이해M2 Live Cloud 작동 방식
서비스 앞단 연결 방식, Endpoint·Model·View 파이프라인, 캐시와 롤백 기준을 함께 설명합니다.
읽어보기기술 매뉴얼 해석Function Guide
functions를 고객 문제, 상품 구조, PoC 확인 항목, 공식 매뉴얼 링크와 함께 읽습니다.
읽어보기더 깊은 주제는 블로그에서 다룹니다.