본문으로 건너뛰기

리액트 성능 최적화 연구

최적화가 왜 중요한가?

로딩 화면
로딩 화면

The neural net, which had a 90% prediction accuracy, found that as page load time goes from one second to 10 seconds, the probability of a mobile site visitor bouncing increases 123%.
> 구글 보고서

1초에서 10초로 로딩 속도가 증가할 때 123%의 유저 이탈율을 보인다.

구글 보고서의 내용이다.

서비스에 있어서, 최적화가 제대로 이루어지지 않는 다는 것은 막대한 손해를 발생하는 것을 의미한다.

그렇기에, 사용자 경험을 중요하게 생각하는 개발자라면, 최적화에 대한 고민은 필수적이라고 할 수 있다.

리액트에서 최적화에 대한 고민

최근 나의 기술 스택은 리액트에 많이 기반하고 있다.

다른 프레임워크 / 라이브러리를 배우는 것보다 어느 하나를 일단 제대로 배워두자는 목표에서 였다.

그렇기에, 리액트에서의 최적화에 대한 고민을 하게 되었다.

어떻게 학습해나갈 예정인가?

최적화는 실제 개발과 병행이 되어야 한다.

단순히 이론만 놓고 보는 것도 물론 중요하지만, 그 이상으로 실제 개발을 해보고, 개발자 도구를 열어서 하나씩 비교하는 과정이 더 중요하다고 생각한다.

이에 따라서, 실제 코드에 기반해서 내가 어떻게 추적하고, 최적화하는 지를 기록하고자 한다.