2017-05-25 15 views
0

アプリケーションをビルドせずにjs、html、cssファイルをそのままプロダクションにコピーするとAngular cacheがjsファイルになりますか?彼らはまた、必要なときにのみダウンロードしますか?Angular4読み込み時間の有無にかかわらず読み込み時間が遅すぎるか遅いですか?

jsファイルのダウンロードはどのように処理され、インスタンス化されますか? ng-cliのように、アプリケーション用に単一のバンドルを作成し、単一のバンドルファイルにバンドルされていないjsファイルを作成するオプションはありません。だから、彼らは怠惰なロードされていないようで、http要求で即座にダウンロードされていないようです。

これは実際にはアプリに大きな負担をかけ、読み込み時間は非常に遅いです。

答えて

0

ファイルはキャッシュされていますが、がコンパイルされていませんです。これは、ページを読み込み速度を遅くすることです。

Follow this guideコードをahead-of-timeにコンパイルすると、ページの読み込みがはるかに高速になります。

+0

私はすでにこのコードベースにaotを使用しています。この後の提案。必要なときにキャッシュされたモジュールのみをダウンロードするにはどうすればよいですか?すべてのファイルが最初にダウンロードされたようです。 – Gary

+0

あなたのウェブサイトを[pingdom](https://tools.pingdom.com)に入力して、何がダウンロードされているか、どれだけかかるかを確認してください。問題がリソースをダウンロードしたり、後で読むことにあるかどうかを調べるのに役立ちます。 –

+0

ok cool。ありがとう。今すぐチェックします – Gary

0

Webpack、Ahead-of-Time(AOT)コンパイル、およびLazyローディングを使用してロード時間を短縮するいくつかの方法があります。私は最も効果的な方法はServer-side rendering (aka Angular Universal)を使用していることがわかりました。

+0

私はaotと怠惰な読み込みを使用しています。怠惰な読み込みが遅延ロードされていないようです。子モジュールのconsole.logを実行したときにアプリケーションがインスタンスを生成すると、それらはダウンロードされ、インスタンス化されます。 – Gary

関連する問題