すべてのJavaScriptソースを1つのファイルにコピーする必要がありますか?

現在のWebプロジェクトでは、いくつかのjQueryプラグインを使用していて、閉じているbodyタグの直前でそれらを初期化しています。私の質問は、読み込み時間/パフォーマンスの観点からは、私はすべての初期化を行い、それらを単一の外部化されたjsファイルにコピーするのが最善でしょうか?プラグインはサイト内のすべてのページで同じ方法で初期化されているため、1つをロードしているように見えますが、集中化されたファイルは最適ではありませんか?フィードバックに感謝します。

ベストアンサー

それはあなたが何のために開発しているかにかかっていますが、ここにいくつかの経験則があります。

HTTPリクエストはオーバーヘッド(特にHTTPS経由)を意味しますので、できるだけ少なくするようにしてください。これはモバイルにとって非常に重要です。しかし、いくつかの例外があります。アプリケーションの初期化時に不要なJavaScriptファイルを読み込むことは時にはスマートなので、本当に必要なときにキャッシュされます。一般的なライブラリのCDNを使用するとパラレルダウンロードのためにパフォーマンスが大幅に向上することがあります。

ダウンロードを可能な限り小さくして、すべてのJavaScriptとCSSを縮小し、HTMLをさらに縮小します。

make sure cache headers are set correctly (some set them to a
year or more), and when a new version of your script is deployed,
append the src attribute of the script element with a version
number to counter caching, like: <script
src="myapp.js?v=2"></script>

時には知覚されるパフォーマンスが実際のパフォーマンスよりも優れていることを意味します。
HTMLをロードしてレンダリングすることが、アプリケーションの初期化よりも重要です。これは、JavaScriptファイルを非同期に読み込むことによって(GoogleのようにJavaScriptを使ってスクリプト要素を挿入するか、これを行うスクリプトローダーを使用して)行うことができます。スクリプトファイルが完全に読み込まれて解析される前に、ロードされたファイルの実行順序やページとの対話などの新たな課題が発生します。

最終的には、あなたのオンラインアプリやサイトのアーキテクチャに大きく依存していますし、それとのやりとりが何であるか、すべきか、いくつかの例を挙げてさらに詳しく説明してください。

PM5544。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です