私は、さまざまな異なるページやフォームをajax
で呼び出すサイトで作業しています。ページの読み込み時間を節約するために、私は各ページやフォームに必要な.jsファイルのみを読み込もうとしていますが、開発中にはイベントや要素のようないくつかの問題やエラーが発生します($(document)
参照)。また、Jqueryはajaxを使用してインラインjをロードするための非推奨警告をスローします。新しいjavascriptを読み込むためのベストプラクティスは何ですか?
私はjqueryの.getScript()
関数で外部スクリプトを呼び出すことができ、すべてのエラーを解決できることは知っていますが、必要なすべてのスクリプトファイルをメインヘッダー(またはフッター)。
どのアプローチは、ワークフローとユーザーエクスペリエンスの面でより効率的ですか?最初にすべてのサイトjをロードするか、必要に応じて動的にスクリプトをロードしますか? (この場合、無関係なjsファイルの合計サイズは約50kbです)
ドキュメントの最後にすべてのスクリプトを含めると、読み込みパフォーマンスが向上するように見えるはずです(htmlページを表示する前に読み込みを完了する必要がないため) – Alessandro
逆に、ページの読み込み時に利用可能なので、FOUC ...が少なくなります(したがって意見に基づいて) –
頭に最も必要なものだけをロードします(依存関係があるものもあります)ので、BL(ビジネスロジック)スクリプト体の中に – Plankton