Скачать
[프론트엔드] 초기 로딩 최적화 하기(GZip 이용)
Автор: 기술사 호드래곤
Загружено: 2021-03-03
Просмотров: 109
Описание:
대한민국 최고 IT계열 기술사 기출문제 검색기 웹 개발 도전기!
검색기 사이트 : http://www.hitpe.co.kr
IT NOTE : https://itpenote.tistory.com
--------------------------------------------------------------------
좌충우돌 웹 개발 도전기!
Vue.js로 개발한 프로젝트에서 초기 로딩에 chunk-vendors.js 용량이 너무 커서 로딩이 지연되는 문제가 발생했는데요...! 어떤 문제가 있었고, 어떻게 해결했고, 해결한 방법에 대해 로딩 차이가 어떻게 있는지 보여드립니다.
다음 조건에서 수행 했습니다.
Google Chrome으로 실행
1. Cache 비우기 및 강력 새로고침
2. Network Throttling은 Fast 3G으로 고정
테스트 케이스 :
#1. 0:00 gz 파일 미 사용 시
app.js : 366,890 bytes / chunk-vendors.js : 4,632,590 bytes
#2. 0:45 gz 파일 사용 시
app.js.gz : 20,083 bytes / chunk-vendors.js.gz : 706,527 bytes
![[프론트엔드] 초기 로딩 최적화 하기(GZip 이용)](https://i.ytimg.com/vi/qaLCplPCy3c/maxresdefault.jpg)
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![[playlist]🎧 Джаз-плейлист для ленивого отдыха за чашкой кофе ☕🎷 | LAZY JAZZ. HOME. CAFE. RESET.](https://image.4k-video.ru/id-video/LPphjpfHj34)