spa 번들 줄이기 (1) 썸네일형 리스트형 vue - 성능 최적화(번들 사이즈 줄이기, Code Splitting) 1. 번들 사이즈와 Code Splitting이 렌더링 속도에 영향을 주는 이유 2. 번들(webpack) 사이즈 최적화 3. 코드 분할(Code Splitting) 4.이미지 Lazy Loading 오늘은 진행하고있는 프로젝트의 첫 웹사이트 접근시 렌더링 속도를 개선하기위한 작업을 포스팅하려고한다. 웹사이트의 초기 로딩시간이 길어질수록 사용자 경험은 떨어진다. 네트워크 속도가 빠르다면 크게 문제되진 않겠지만 모두가 좋은 네트워크 환경속에서 있는건 아니기때문에 개선을 하고자한다. 프론트엔드에서의 성능 최적화는 여러 관점에서 볼 수 있다. 번들 사이즈 줄이기, Code Splitting, 이미지 lazy loading, 폰트 최적화, 리플로우 / 리페인팅 등등.... 폰트 최적화에 대한 포스팅 보기 => .. 이전 1 다음
