angular - angular2 を使用すると、読み込み時間が遅くなることがあります。

Question

typescript と systemjs を使用した角度のある 2 つのアプリがあります。

私のアプリはわずか 800kb で、テキストのみの長いページに 4 秒かかります。

すべての js と css は小さい/縮小されており、合計 11 件のリクエストがあり、画像はほとんどありません

すべての画像は圧縮され、cdn firebase に保存されています。

私はfirebaseでホストし、sslとパフォーマンスのためにcloudflareを使用しています.

ロードとキャッシングで angular2 のパフォーマンスが低下したことを経験した人はいますか?

キャッシングの速度も向上しません。

以下は、ファイルと読み込み時間のスクリーンショットです。

読み込み中のリクエスト: 17 (読み込み中のネットワークタブの以下のスクリーングラブを参照)

score 6 · Accepted Answer

これは通常、開発者がインポートに不注意である場合に発生します。ここでの大きな間違いの 1 つは、RxJS ライブラリのごく一部のみを使用したい場合に RxJS ライブラリ全体をインポートすることです。

たとえば、..をインポートしないでください。

import { Observable } from 'rxjs/Rx';

これにより、大規模な RXJS ライブラリ全体がインポートされます。

import { Observable } from 'rxjs/Observable';

必要なものだけをインポートします。

「rxjs/Rx」への参照をすべて削除すると、ページの読み込み時間が大幅に短縮されます。

score 0 · Accepted Answer

systemjs を本番環境に使用しないでください。

事前 (AOT) コンパイルを使用します。

2 に答える 2