뷰의 성능 조정

포장 최적화

　　1. 실드 sourceMap

　　　　sourceMap 효과 : 오류 코드입니다 수없는 런타임 오류, 에러 메시지 출력이 정확하게 알고있는 경우 포장 후, 코드, 압축 및 암호화됩니다.

　　　　빌드 목표하는 index.js 파일 설정에서 디렉토리는 거짓 productionSourceMap로 변경됩니다

 

 　　2. 프로젝트 코드 JS / CSS / SVG (*. 특별하다고) 파일 gzip 압축 (요구 브라우저와 백엔드 지원)

　　　　productionGzip 효과 : JS에, CSS 파일은 압축없이 SVG, ICO, PNG, JPG로 BMP 파일, JPEG에 대한 압축, 압축

　　　　필요가 --save-dev에 압축 웹팩 - 플러그인을 설치 NPM 있도록 압축-웹팩 - 플러그인 지원의 필요성 :에 의존해야

　　　　구성 : 1. 빌드 파일 디렉토리에 제공 productionGzip하는 index.js 객체에서 사실 설정입니다

　　　　　　　2. productionGzipExtensions : 'JS가', 'CSS는'] 압축 된 파일 포맷에 설정해야

 

　　3. 라우팅 구성 요소 지연로드

　　　　장점 : 수요 로딩, 로딩 속도가 배를 줄이기 위해

　　　　단점 : 큰 프로젝트는 별도의 추가 소비를 생성하면서 더 JS 파일을 생성합니다 여러 HTTP 요청에서 발생합니다

 

소스 최적화 :

　　1. V-경우 V 쇼와 함께 사용

　　2. 항목 설정 고유 한 값

　　시계 데이터를 절감합니다

　　4. 세그먼트 어셈블리

　　게으른 로딩 (VUE-lazyload)

 

사용자 경험 최적화

　　1. 더 나은 클릭 클릭 지연은 아이폰을 방지

　　부하 2. 골격 화면 : 페이지 시작 화면과 박동을 방지

　　국화로드를 추가합니다