원티드, SEO 주도 개발로 '좋은 URL' 99% 달성!
by DD
7개월 전
조회수 4
번역키 데이터 제거, DB 인덱스 추가, API 병렬 처리 등을 통해 서버 사이드 성능을 개선함
CloudFront 도입 및 3rd-Party 라이브러리 최적화를 통해 LCP, FCP 지표 향상을 달성함
CLS 개선을 통해 데스크톱 환경에서도 99% 좋은 URL 달성, SEO 지표 및 사용자 경험을 향상시킴
서버 사이드 성능 개선의 핵심: 번역키 제거
구체적으로 번역키 데이터 제거를 통해 HTML 용량 66% 감소를 달성했다. 따라서 프론트엔드 서버 Latency 16% 개선 및 FCP 10% 개선이라는 긍정적인 결과를 얻었다. 반면, 번역키 제거 과정에서 조직 내 설득이라는 어려움이 있었다.
클라이언트 사이드 최적화: 3rd-Party 라이브러리 관리
3rd-Party 라이브러리 번들 사이즈 최적화를 위해 Tree-shaking을 지원하는 라이브러리로 교체했다. 따라서 _app.js 파일 크기 35% 감소를 이루었고, FCP 60% 개선이라는 놀라운 결과를 얻었다. 결과적으로 TTFB 13% 개선을 통해 사용자 경험을 향상시켰다.
SEO 성공의 열쇠: CLS 개선
데스크톱 환경에서 CLS(누적 레이아웃 이동) 개선을 위해 Image 슬라이드 영역의 레이아웃 문제를 해결했다. 따라서 데스크톱 상세 페이지 CLS 지표 0.1 미만을 달성하여 99% 좋은 URL을 만들었다. 결과적으로 SEO 지표 향상과 사용자 경험 개선을 동시에 이뤄냈다.
