WELLCONN

OPTIMIZER v2.0

OPTIMIZER v2.0

웹 사이트 최적화 솔루션

도입배경

  • 모바일 사용자 증가로
    웹사이트 최적화 중요성 향상
  • 성능 지연으로 인한
    사용자 이탈률 증가
  • 고객 유지율 저하로
    인한 수익성 악화
  • 웹사이트 최적화는
    필수 요소

OPTIMIZER 최적화 단계 및 주요기능

사용자(Client) 브라우저 렌더링 시간 단축을 위한 최적화 기술 제공
  • 웹 콘텐츠 모니터링

    • 웹 페이지를 구성하는 다양한 콘텐츠를 실시간 모니터링

    • 해당 이력 통합관리

  • 폰트 최적화

    • WOFF2 포맷 변경

    • 서브넷 폰트 변경

    • 폰트 최적화 가이드 제공

  • 이미지 최적화

    • 이미지 파일 경량화

    • 이미지 resize

    • 최적 포맷 설정

  • 비정형 파일탐지

    • 한글(.hwp)

    • 워드(.doc), 엑셀(.xlsx)

    • 파워포인트(.ppt)

  • 동영상 최적화

    • 동영상 파일 경량화

    • 최적의 코덱 인코딩 변환

    • 비트레이 최적화

  • 비정형 파일 최적화

    • 확장자 변환 및 파일 경량화

    • 문서 파일 내 존재하는 이미지 최적화 진행

  • 텍스트 최적화

    • HTML/CSS/JS최적화

    • 이미지 lazyload 설정

    • 글꼴 최적화

  • 최적화 모니터링

    • 실시간 모니터링을 통한 보고서 생성

    • 알림을 통한 실시간 현황보고

동작 방식

OPTIMIZER의 동작 방식은 3-Tier 구조와 CDN 사용 환경의 2가지로 구분됩니다.
1. 3 Tier 구조
  • 현재 웹서버에서 가지고 있는 전체 웹 콘텐츠 정보 수집(서버에 SCP 접속을 통한 다운로드)
  • 서버의 scp 접속을 통한 최적화 파일 전송
    실시간으로 최적화가 적용되지 않는 컨텐츠에 대하여 해당 웹 콘텐츠에 대한 다운로드를 진행
  • 사용자 요청에 대한 페이지(html) 전달
    WAS에서 요청/응답에 대한 웹 콘텐츠 모니터링
  • 설정에 따른 최적화 완료 웹 콘텐츠 제공
2. CDN 구조
  • 현재 웹서버에서 가지고 있는 전체 웹 콘텐츠 정보 수집(Bucket의 API 요청을 통한 다운로드)
  • Bucket API 요청을 통한 최적화 파일 전송
    실시간으로 최적화가 적용되지 않는 컨텐츠에 대하여 해당 웹 콘텐츠에 대한 다운로드를 진행
  • 사용자 요청에 대한 페이지(html) 전달
    WAS에서 요청/응답에 대한 웹 콘텐츠 모니터링
  • 설정에 따른 최적화 완료 웹 콘텐츠 제공

특·장점

  • 통합 데이터 최적화 솔루션
    1. 동영상, 이미지, 텍스트, 파일, 폰트 등 다양한 데이터 유형을 모두 지원하는 종합적인 최적화 솔루션입니다.
    2. 각 데이터 유형에 맞는 최적화 기술을 적용하여 파일 크기를 줄이고, 저장 공간을 절약하며, 데이터 전송 속도를 개선합니다.
  • 다양한 파일 포맷 지원
    1. 다양한 포맷을 지원하는 여러 파일 형식을 문제없이 처리할 수 있습니다.
    2. 사용자들은 다양한 유형의 데이터를 하나의 플랫폼에서 손쉽게 최적화하고 관리할 수 있습니다.
  • 고품질 유지 및 데이터 손상 방지
    1. 데이터 최적화 과정에서도 원본의 품질을 유지하며, 화질이나 텍스트의 정확성, 폰트의 가독성을 손상시키지 않습니다.
    2. 고해상도 이미지, 고화질 동영상, 텍스트의 가독성, 폰트의 선명함 등 각 요소의 품질을 그대로 보존합니다.
  • 사용자 친화적 인터페이스 및 처리 속도
    1. 직관적이고 사용하기 쉬운 인터페이스를 제공하는 OPTIMIZER는 복잡한 설정 없이 간편하게 다양한 파일을 최적화할 수 있습니다.
    2. 빠른 처리 속도로 대량의 데이터도 신속하게 최적화할 수 있어, 시간과 노력을 절약할 수 있습니다.

기대효과

  • 자동 웹 최적화
    • 웹사이트 자동 최적화를 통해
    • 서비스 성능 향상 및 비용절감
  • 비정형 파일 최적화로
    병목현상 해결
    • 무거운 웹 콘텐츠 및 비정형 파일 최적화를 통해
    • 서비스 지연을 통한 병목현상 회피
  • 렌더링 속도 향상
    • 최적화 후 페이지 로딩 및
    • 브라우저 렌더링 속도 개선

구축 방안

OPTIMIZER의 고객의 환경에 맞는 소프트웨어 구성 환경을 지원합니다.
  • · 대상 서비스와 OPTIMIZER간 HTTPS기반 Filter 연동
  • · 고객사 WAS 서버 Filter 내 OPTIMIZER 모듈 추가를 통해 간편 연동(약 10분 내외)
  • · 웹 콘텐츠 교체 수작업 없이 파일 수집 및 최적화 후 적용까지 OPTIMIZER에서 자동으로 제공
  • · 서버 설치 위치에 무관하게 적용
  • · 네트워크 영향도 0%
WELLCONN