パフォーマンス上の利点のために、インライン HTML よりも外部 CSS および JS ファイルを優先するようにベスト プラクティスに基づいて説明します。
できる限り小さな HTML ファイルを配信するのは良い考えですか? Javascript / jQuery を使用して、可能な限り多くの DOM をレンダリングし、クライアント側で Javascript イベントなどをフックしますか?
パフォーマンス上の利点のために、インライン HTML よりも外部 CSS および JS ファイルを優先するようにベスト プラクティスに基づいて説明します。
できる限り小さな HTML ファイルを配信するのは良い考えですか? Javascript / jQuery を使用して、可能な限り多くの DOM をレンダリングし、クライアント側で Javascript イベントなどをフックしますか?
CSS と JS を別々のファイルに保持する理由は、パフォーマンスとは関係ありません。どちらかといえば、サーバーへのラウンドトリップが増えるため、ページが遅くなる可能性があります。
本当の理由は、複雑な Web ページ (アプリケーション) では、ページの論理構造 (宣言型 HTML) をレイアウト (CSS) および UI ロジック (Javascript) から分離しておくことが非常に重要だからです。
パフォーマンスの問題は、キャッシング、縮小化などを使用して個別に対処できますし、対処する必要があります。
一般に、ブラウザに HTML を与える方が高速です。
もちろん、すべてはサーバーがこの HTML を作成するのにかかる時間に依存します。
ただし、クライアント側のレンダリングに関しては、事前に作成された HTML が常に JavaScript で生成されたドキュメントよりも優先されます。これは、DOM-API が比較的遅いためです (ただし、最近多くの改善が行われています)。
CSS と JS の分離は、保守性と SEO に関連しています。