ZEP Performance Optimization

Performance Optimization 성능 개선 전,후 비교 Profiling & Monitoring Performance Profiling Performance Monitor Memory Snapshot Next Stage

Performance Optimization

ZEP은 게임엔진, 프레임워크 위에서 구동되고 실시간 데이터를 반영해야 합니다. 또한 RTC와 같은 무거운 기능이 서비스의 핵심 기능 중 하나 이기 때문에 성능최적화가 매우 중요합니다. 왜냐하면 이러한 도메인 특성상 단순히 조금 느리거나 버벅임과 같은 불편함을 주는것을 넘어서 특정 환경에서는 아예 서비스 사용이 불가능 한 경우도 있기 때문입니다.

성능 개선 전,후 비교

cpu 4x slowdown을 설정하여 기본 소켓 스트레스 테스트를 수행하여, 개선 전과 후를 명확하게 비교하였습니다. 이전에는 200명의 사용자가 동시에 접속하는 시나리오에서 거의 사용할 수 없을 정도로 프레임 드랍이 발생하였지만, 개선 후에는 훨씬 더 쾌적하게 사용할 수 있었습니다.

ZEP의 성능을 어떻게 향상시켰는지 궁금하시거나, 함께 멋진 제품을 만드는 좋은 아이디어가 있다면 채용 페이지를 통해 많은 관심 부탁드립니다. 🚀

Profiling & Monitoring

Performance Profiling

크롬의 Performance 탭과 같은 브라우저 개발자 도구의 프로파일링 기능을 사용하여 레코딩하면 콜스택에서 실행된 테스크의 시간을 측정할 수 있습니다. ZEP은 게임과 마찬가지로, (디바이스나 환경에 따라 달라지지만) 60Hz, 즉 약 16.67ms (0.016초)에 연산과 렌더링을 마쳐야하여 프레임 드랍 없는 원활한 서비스를 제공합니다. 실제로 매 프레임을 그리는 렌더링 스텝의 사이클을 확인하고, 특히 시간이 많이 소요되는 테스크나 예측하지 못한 비정상적인 테스크를 추적하여 개선 작업을 진행합니다.

Performance Monitor

브라우저에서는 실시간으로 성능을 모니터링할 수 있는 기능도 제공합니다. 이를 통해 CPU를 얼마나 사용하고 있는지, 메모리 릭이 있는지 실시간으로 확인할 수 있습니다. "이전보다 쾌적한 것 같은데?"와 같은 정성적인 판단보다는 "같은 조건에서 CPU 사용률이 4분의 1로 줄었어"와 같은 정량적인 판단에 큰 도움을 줍니다.

Memory Snapshot

성능을 측정하거나 모니터링할 때 메모리가 비정상적으로 해제되지 않고 쌓여 증가하거나, 너무 잦은 GC 패턴이 보여 메모리 릭이 의심된다면 메모리 스냅샷을 뜨고 비교하여 원인이 되는 요소를 추적할 수 있습니다.

Next Stage

앞으로 해결해야 할 과제들이 많이 남아 있지만, ZEP 프론트엔드 파트는 여러 아이디어와 기법을 활용하여 성능 최적화를 해왔습니다. 지금까지는 최대한 쥐어짜자는 마음으로 개선 작업을 진행해 왔습니다. 하지만 성능 개선 여부를 유의미하게 판단할 근거를 정리하지 못했습니다. 디바이스의 성능, 맵의 크기, 실시간으로 접속한 유저의 수, RTC(화상,음성)의 커넥션 개수, 네트워크 컨디션 등 많은 요소와 변수들이 유기적으로 성능에 영향을 줍니다. 따라서, 다양하고 유의미한 환경과 시나리오를 정리하고 이를 측정하고 모니터링하는 파이프라인을 만들기 위해 노력할 것입니다. 또한 최적화 가능한 한계와 추가 기능이 성능에 미치는 영향, 그리고 한계점에 대한 인식과 감각을 정립하기 위해 노력할 것입니다. 🏃‍♂️