8

Angular CLI Hello World に最適化を適用する必要がありますか、それともこれは有効な「パフォーマンス」結果ですか?

Lighthouse をライブの angular 4 プロジェクトに適用する際に、Angular CLI の Hello World と比較しました。

コンソールから:

npm install -g @angular/cli
ng new my-dream-app
cd my-dream-app
ng serve --prod

Chrome -> F12 -> 監査 -> Lighthouse を実行します。

  • パフォーマンスは 39/100 です。
  • 最初の有意義なペイントは 15,250ms
  • 知覚速度指数: 15,248 (目標: < 1,250)
  • 膨大なネットワーク ペイロードを持つ: 合計サイズは 2,453 KB (目標: < 1,600 KB)

更新 1

以下を使用して、@MosheへのThx：

ng serve --prod --build-optimizer

以下を与えました: - パフォーマンスは 96/100 です。- 最初の意味のあるペイントは 2,040 ミリ秒 - 知覚速度指数: 2,054 (目標: < 1,250); グレード 92/100

最終的には、これに対する特異で簡潔な質問を形成するのに苦労しました. ng serve agsを使用しても、本番用ではない ことを理解 しています..しかし、これにより、公開する前にローカルホストでテストできます。

4

3 に答える 3

3

ng serve完全に最適化することを意図したものではなく、テスト用にプロジェクトをすばやく表示することを目的としています。最適化されたバージョンが必要な場合は、実行ng build --prodしてファイルを生成し、それらのファイルをホストする必要があります。その上でテストを行うと、はるかに速く実行されます。

于 2017-09-06T21:41:11.793 に答える