개념과 동작방식

페이지 분류와 특징

웹사이트는 인덱스 페이지 와 콘텐츠 페이지 로 나눌 수 있다.

• 인덱스 페이지 메인, 카테고리, 검색 등 웹사이트의 다양한 섹션으로 연결되는 페이지

• 콘텐츠 페이지 글, 동영상, 상품 상세정보 등 사이트 방문 목적이 달성되는 페이지

E-Commerce의 경우 메인 페이지, 대/중/소분류, 검색등은 모두 인덱스 페이지 로 분류될 수 있다.

디자인은 각기 다르지만 목적은 효과적인 상품 선별/노출이다.

콘텐츠 페이지 는 모든 사이트가 대동소이하며 대부분 Long Scrolling 스타일이다.

모바일에서는 더 많은 스크롤을 필요로 한다.

페이지의 성격이 상이하기 때문에 적용되는 정책이나 처리하는 방식도 최적화되어야 한다.

두 페이지 스타일의 특성 비교

여기서는 pagefx 엔진이 처리하는 콘텐츠 페이지 , 특히 온라인 쇼핑의 상품상세 기술서를 최적화 방식과 그 효과에 대해 설명한다.

문제점 분석

상품기술서에 잠재된 문제를 나열해보자.

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

• 대역폭 초과와 509 Bandwidth Limit Exceeded

보장되지 않는 트래픽

• Mixed Contents 와 HTTPS 전면전환 불가

유효하지 않은 인증서

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

최신 이미지 포맷 비교

• 느린 속도

• 무거운 DOM(Document Object Model)

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

• 신뢰할 수 없는 출처 참조

깨진 태그

• Deprecated Tags , Obsolete Tags

• 페이지 성능 모니터링

실시간 방식

• 최신 브라우저 기술 사용과 안정적 호환성

• 실시간 웹페이지 분석 방식으로 서비스 투입 즉시 동작

• 실시간 GIF, 동영상 트랜스코딩/표준화

• 지속적인 보안 이슈/DB 업데이트

• 강력한 이미지 엔진 기반의 최신포맷 변환, 분할, 최적화

• 오픈 메트릭과 데이터독을 통한 실시간 모니터링 지원

개선과 효과

• 네트워크 용량 절감

• html 5

• 실시간 처리

• lazying loading

• modern image format

• 실시간 통계

• 백엔드 상태관리 없음