LCP 썸네일형 리스트형 Next.js도입으로 도매 사업자 서비스 로딩속도 개선(3.7s -> 0.9s) 배경도매 사업자를 사용하는 주 사용자는 동대문상인의 매장 업주였다. 상대적으로 저사양의 휴대폰을 사용한다는 점을 고려해봤을때 렌더링의 부담을 사용자의 브라우저의 성능에 달린 CSR방식보단 우리 서버 쪽에서 부담을 하는 SSR방식을 적용하게 되면 좀 더 빠르게 첫 화면을 볼 수 있지 않을까라는 생각이 들었다.지표를 확인하기 위해 크롬개발자 도구의 Performance탭을 통해 렌더링 시간을 측정해 보았다. 환경과 측정방식은 다음과 같다.1. 환경: pc가 m1임을 감안하고, 실제 상황과 비슷한 환경을 고려하기 위해 Network상태를 Fast3G로 설정하고 진행2. 측정방식: 초기 구글 크롬에서 강력 새로고침을 통해 캐시 초기화를 진행하고 도매 사업자 접속. 유의미한 화면을 보기까지 약 4초가량이 걸린다... 더보기 이전 1 다음
