たくさんのリソースを持つアプリがあります。JavaScript ローダーについて読んだ後、リソースを非同期的にロードすることでどのようなブーストが得られるかを確認することにしました。驚いたことに、ローダーを使用すると目に見えて遅くなることがわかりました (ストップウォッチは必要ありません)。これは、他の人が同様の結果を出したかどうか、およびJavaScriptリソースローダーをいつ使用するか使用しないかに関して開発者が何を考慮すべきか疑問に思っています.
ここに私のテストに関するいくつかの詳細があります:
- 現在 60 個のリソースがあります (主にスクリプト)
- 依存関係の階層により、スクリプトは約 8 回のバッチでロードする必要がありました
- 主にFirefoxを使用しました(ただし、Chromeでも試しました)
- Ubunutu と Windows の両方でテストを実行
- ローダー(私の場合はYepNope)を使用すると、少しオーバーヘッドが追加されます
- YepNope とのやり取りを簡素化するために、小さなブートローダー クラスを作成しました。
- ソースコードは github にあります (tests.html と tests-loader.html を実行します)
私が「遅い」と言うとき、それがひどく遅いと言っているわけではありません。これを設定するのに時間がかかり、開始前よりも結果が悪くなっただけです。
ローダーを使用するには 60 のリソースは少なすぎますか? リソースは一般的に巨大であるべきですか、それとも小さなファイルの集まりである可能性がありますか? 従来のスクリプト タグを使用した場合よりもローダーが遅くなる原因は何ですか?