이미지 · 비디오
세로로 긴 고해상도 상세 이미지와 무거운 GIF가 수년치 누적되어 페이지를 무겁게 만듭니다.
The Problem
상품기술서는 네 방향에서 동시에 문제를 만듭니다
셀러 수만 명이 만드는 HTML은 품질을 일관되게 강제하기 어렵습니다. 등록 가이드만으로 해결하기 어려운 영역을 페이지 앞단에서 처리합니다.
네트워크
셀러별 외부 호스팅이 뒤섞여 응답 속도가 제각각이고, origin 트래픽 구조를 통제하기 어렵습니다.
보안
HTTP 외부 리소스가 HTTPS 페이지에서 차단되어 이미지가 깨지고 브라우저 경고가 노출됩니다.
페이지
셀러 HTML의 스타일·스크립트가 페이지 레이아웃과 로딩 성능에 영향을 줍니다.
Pipeline
요청 시점에 필요한 처리를 평균 315ms 안에 적용합니다
원본 HTML과 셀러 등록 프로세스는 유지하고, 페이지 앞단에서 필요한 최적화만 적용합니다.
실측 수치는 대형 커머스 운영 환경 월간 기준입니다.
Safety
최적화보다 먼저, 장애가 되지 않을 구조
상품 상세는 매출 페이지입니다. 그래서 적용 범위 제어와 원본 폴백이 기능보다 우선입니다.
트래픽 라우팅 분리
메인 · 리바운드 · 리소스 트래픽을 분리 라우팅해 적용 범위를 정밀하게 제어합니다.
처리 타임아웃 → 원본 폴백
합성이 기준 시간을 넘으면 유효한 부분만 가공하거나 원본을 그대로 응답합니다. 최적화 실패가 페이지 장애가 되지 않도록 설계합니다.
리스트 기반 예외
화이트리스트 · 블랙리스트로 셀러나 경로 단위 예외를 운영 중에도 즉시 조정합니다.
PageFX · PageDesk Details
현장에서 필요한 디테일까지 함수 단위로 제어합니다
아래 기능들은 모두 설정과 URL 명령으로 제어되며, 셀러·경로 단위로 다르게 적용할 수 있습니다.
- 더보기 · 접기 (초기 높이 제어)
- 핀치줌 멀티 영역
- iframe 자동 높이
- 반응형 스타일 삽입
- 스타일 격리 (Isolstyle)
- 영역 추출 · 템플릿 생성
- 태그 삽입 · 제거 · 치환
- 앵커 링크 제어 (target · 비활성)
- 외부 참조 제어 (refctrl)
- 조건식 분할 (높이 · 용량 기준)
- GIF→Video 조건 변환
- 처리 주석으로 중복 편집 방지
Learn Map
Learn 전체 맵 보기 →다음으로 이어서 볼 가이드
지금 읽은 주제와 연결되는 개념을 함께 확인하면 PoC 범위를 더 정확히 잡을 수 있습니다.