저는 현재 CS Broker라는 AI로 서술형을 채점해주는 Computer Science 문제풀이 사이트를 개발중이며 웹 프론트엔드를 홀로 맡고 있습니다. 외로아요

열심히 개발해서 서술형, 객관식, 단답형 문제풀이나 채점도 가능하고, 마이페이지에서 어떤 문제를 풀었는지도 볼 수 있으며 관리자들은 백오피스에서 문제 관리도 한답니다.

그런데...

웹 페이지가 로드될 때마다 이미지가 느리게 로드되거나 reflow가 눈에 보일정도로 성능이 구리다는 사실을 깨닫게 되었습니다. 그래서 lighthouse를 이용하여 성능을 측정해보았죠. 결과는 다음과 같이 참담했습니다.

성능 개선이 필수적인 상황이네요. 어떤 부분을 어떻게 개선하면 좋을지 생각해보고 실천하는 시간을 갖기로 했습니다.