Back to Selected Work

자생한방병원 레거시 성능 최적화

Performance Optimization · 운영 개선

Pinpoint APM과 Lighthouse를 활용해 병목을 분석하고 이미지 용량 최대 94% 절감, 클라이언트 트래픽 80% 이상 감소라는 정량 성과를 만든 성능 최적화 프로젝트입니다.

자생한방병원 썸네일

Overview

자생한방병원 레거시 시스템의 성능 저하 원인을 Pinpoint APM과 Lighthouse로 분석하고, 이미지·정적 리소스·프론트엔드 로딩 비용을 개선한 프로젝트입니다. 서버 응답 지연과 클라이언트 리소스 로딩 문제를 분리해 확인한 뒤 이미지 최적화, JS/CSS 경량화, 캐싱 정책 개선, Docker 기반 정적 리소스 최적화 자동화를 적용했습니다.

Background

레거시 시스템에서 이미지와 정적 리소스 용량이 크고 클라이언트 트래픽 비용이 높아 페이지 로딩 성능이 저하되고 있었습니다. 서버 응답 지연과 클라이언트 리소스 로딩 문제를 분리해 분석하고 반복 가능한 최적화 구조를 만드는 것이 필요했습니다.

Tech Stack

backend

# Java # Spring # EgovFramework # JSP

frontend

# JavaScript (ES6+) # Node.js # IntersectionObserver

devops

# Maven # npm # WebP/WebM # ETag Caching # Docker

analysis

# Pinpoint (APM) # Google Lighthouse

Key Tasks

  • Pinpoint APM 기반 서버 성능 분석
  • Lighthouse 기반 프론트엔드 성능 진단
  • 이미지 최적화 및 WebP/WebM 변환 적용
  • JS/CSS 경량화
  • 캐싱 정책 개선
  • Docker 기반 빌드 과정에서 정적 리소스 최적화 모듈 적용
  • TTFB, LCP 등 체감 성능 지표 개선

Outcomes

  • 이미지 용량 최대 94% 절감
  • 클라이언트 트래픽 80% 이상 감소
  • TTFB/LCP 등 체감 성능 개선
  • Docker 빌드 기반 최적화 작업 자동화

Insights

  • 성능 문제는 서버 응답 지연과 클라이언트 리소스 비용을 분리해 봐야 개선 우선순위가 명확해짐을 확인
  • 정적 리소스 최적화를 빌드 과정에 포함하면 반복 수동 작업을 줄일 수 있음을 경험
  • 정량 지표가 있는 최적화 작업은 포트폴리오에서 기술적 기여를 가장 명확히 보여줄 수 있음을 확인