문제분석과 해법

상품기술서 페이지의 가장 큰 문제점은 생산자가 불분명할 뿐만 아니라 관리가 안된다는 점이다. 잠재된 문제와 엔진의 해법을 알아보자.

이미지/비디오

• 최적화되지 않거나 낙후된 이미지 포맷

  

  최신 이미지 포맷 비교

• 과도하게 무거운 애니메이션 콘텐츠

Hint

상품기술서에 이미지 서비스 패턴 을 적용한다.

• 최신 이미지 WebP , AVIF 포맷 자동 변환

• 고용량 애니메이션 GIF 포맷을 WebM , MP4 포맷으로 자동 트랜스코딩

• 긴 고해상도 이미지 자동 분할

• 모든 이미지 용량 최적화

• 브라우저 기반 Lazy Loading

네트워크

• 느린 속도

• 대역폭 초과와 509 Bandwidth Limit Exceeded

보장되지 않는 트래픽

Hint

모든 네트워크 지표를 실시간으로 제공하며, HTTP 헤더 컨트롤, 캐싱, 프록시, 차단등이 지원된다.

• 인프라 구성 패턴

• 서비스 퍼포먼스 패턴

보안

• Mixed Contents 와 HTTPS 전면전환 불가

유효하지 않은 인증서

• 신뢰할 수 없는 출처 참조

깨진 태그

• Deprecated Tags , Obsolete Tags

Hint

사용자 경험을 저해시키는 모든 요소를 찾아 제거한다. 특히 통제 불가능한 불특정 외부 콘텐츠에 대한 구조적인 처리방법을 제공한다.

• 보안 패턴

페이지

• 무거운 DOM(Document Object Model)

  

  스타일 충돌과 레이아웃 침범

• 페이지 성능 모니터링

Hint

모든 페이지/콘텐츠 처리현황을 오픈메트릭으로 지원하며, 필요한 경우 즉시 페이지 변조등 대응이 가능하다.

• 웹페이지 고도화 패턴