[解決済み] インラインJavascriptと外部Javascriptはいつ使い分けるべきですか？

質問

パフォーマンスやメンテナンス性の観点から、外部スクリプトを含めるべきか、htmlコードにインラインで記述すべきかを教えて欲しいです。

一般的にはどのような方法があるのでしょうか？

実世界のシナリオ - 私はクライアント側のフォームバリデーションを必要とするいくつかのhtmlページを持っています。このために、私はすべてのこれらのページに含まれるjQueryプラグインを使用します。しかし、質問は、私がすることです。

• このスクリプトを構成するコードのビットをインラインで書きますか？
• これらのすべての html ページの間で共有されている 1 つのファイルにすべてのビットを含めるか。
• 各HTMLページに1つずつ、別々の外部ファイルに各ビットを含めますか？

ありがとうございます。

どのように解決するのですか？

この回答が最初に投稿された時点 (2008年) では、ルールは単純でした。すべてのスクリプトは外部であるべきです。メンテナンスとパフォーマンスの両方のためです。

(なぜパフォーマンスなのか? コードが分離されていれば、ブラウザにキャッシュされやすいからです)。

JavaScriptはHTMLのコードには含まれず、もし特殊文字（例えば < , > ) のような問題が発生することさえあります。

現在では、ウェブのスケーラビリティは変化しています。複数の HTTP リクエストを行う際の待ち時間のために、リクエストの数を減らすことが有効な考慮事項となっています。このため、答えはより複雑になります。ほとんどの場合、JavaScript を外部で使用することは それでも を推奨します。しかし、特定のケース、特に非常に小さなコードの断片については、サイトの HTML にそれらをインライン化することが理にかなっています。