パッケージングの最適化
1.シールドsourceMap
sourceMap効果は:充填後、コードはエラーコードがどこにあるか正確に知ることができない圧縮と暗号化され、実行時エラーの場合、エラーメッセージが出力されます。
ビルドターゲットindex.jsファイルconfigディレクトリに偽productionSourceMapに変更されます
2.プロジェクトコードJS / CSS / SVG(*。イコー)ファイルgzip圧縮(ブラウザとバックエンドサポートを必要とします)
productionGzip効果:JSに、cssファイルを圧縮せずに、SVG、ICO、PNG、JPGへのBMPファイル、JPEG圧縮のため、圧縮されています
必要が--save-devの圧縮WebPACKの-プラグインをインストールNPMので、圧縮-のWebPACK - プラグインのサポートする必要がありますに依存する必要が
構成:1.ビルドファイルのディレクトリで提供productionGzip index.jsオブジェクトでは、真configです
2. productionGzipExtensions:[「JS」、「CSS」]は圧縮ファイル形式で設定する必要があります
3.ルーティングコンポーネント遅延ロード
利点:デマンドロードは、読み込み速度は倍に低減します
短所:大規模なプロジェクトは、余分な追加の消費を生成する一方、よりJSファイルが生成されますが、複数のHTTPリクエストになります
ソースの最適化:
1. V-場合V-ショーで使用
2.項目は、一意の値を設定します
ウォッチ・データの削減3.
4.セグメントアセンブリ
遅延ロード(VUE-lazyload)
ユーザーエクスペリエンスの最適化
1.より良いクリッククリック遅延はiphoneを防ぎます
負荷へ2.スケルトン画面:ページのスプラッシュ画面と鼓動を防ぎます
3. [追加菊のロード