ヴューのパフォーマンスチューニング

パッケージングの最適化

  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. [追加菊のロード

 

おすすめ

転載: www.cnblogs.com/jingxuan-li/p/11802827.html