예상보다 24배 많은 콘텐츠에 프론트가 대처하는 방법

리디의 프론트엔드 엔지니어가 연말 대규모 할인 이벤트(마크다운 이벤트) 개선 경험을 공유합니다. 2022년 이벤트에서는 6,107개의 작품을 다루며 예상보다 훨씬 많은 콘텐츠를 효율적으로 처리해야 했습니다.

본문에서는 31만 개가 넘는 DOM 엘리먼트 최적화, 가상화 기법 적용, 작품 데이터를 빠르게 불러오기 위한 페이로드 최적화, gzip 압축 활용, 필터링 로직 개선 및 성능 병목 현상 분석 등 프론트엔드 성능 개선을 위한 다양한 기술적 접근 방식을 상세히 설명합니다. 이를 통해 대규모 이벤트에서도 사용자 경험을 저해하지 않고 안정적인 서비스를 제공하는 방법을 다룹니다.