2

つまり、.jsファイルからのものである場合にのみ、JSがキャッシュされることを知っています。また、私の関数の 90% は、ページ (html) が読み込まれる (レンダリングされる) ときにレンダリングされる必要があるため、body タグを閉じる前に JS を配置することをお勧めします。(これにより、 document .ready(); の使用も防止され、ページ自体の読み込みがより高速になります)。

では、JS を に配置する利点は<head></head>何ですか? 正直に言うと、コードの「順序」を期待してください...

4

4 に答える 4

3

<script src>セクション内にタグを配置することは、<head>意味的に意味があります。スクリプトが読み込まれるまでブラウザーが何もレンダリングしないようにブロックしますが、オブジェクト (jQuery など) がコードの残りの部分 (本体など) で利用できることを保証します。

一般的な方法は、head セクション内に軽量のスクリプト ロード ライブラリ ( HeadJs、LABjsなど) をロードしてから、重いものを遅延しておよび/またはオンデマンドでロードすることです。

そうは言っても、HTML5 では script タグの属性が導入され、属性 ( docsasync )が再導入されました。これで、ヘッド セクション内にタグを配置する正当な理由ができました。理由は次のとおりです。defer<script src>

  1. それは理にかなっている
  2. ページの読み込みが完了した後もスクリプトは読み込まれます
于 2012-04-24T09:14:02.050 に答える
2

この<script>タグは、次の 2 つの問題を引き起こします。

  1. スクリプトが読み込まれるまで、スクリプトの下にあるものはすべてレンダリングされません。
  2. スクリプトの下にあるすべてのコンポーネントは、スクリプトが完了するまでダウンロードを開始しません。

何かをレンダリングする前に何らかの JavaScript を実行する必要がある場合、これを<head>only に配置することは本当に理にかなっています。

そのため、ページ内のできるだけ低い位置に配置すると、ユーザー エクスペリエンスが向上します。

于 2012-04-24T09:35:17.610 に答える
0

<head>セクション内の要素について重要なことは、がロードを<body>開始する前にそれらがロードされることです。

これは非常に効率的な機能であり、よく使用されます (IMO)。

DOM が読み込まれる前に実行する必要があるライブラリ、スクリプトの読み込みは、<head>セクションで行う必要があります。

シナリオあげます

画面の合計サイズの 30% のサイズを計算し、それを内部の要素に割り当てる必要があると想像してください。

要素が大きくロードされるのを待ってから、スクリプトを実行して再度サイズ変更してロードするのはばかげています。

于 2012-04-24T09:05:32.440 に答える
0

ヘッダーに入れる方が少しセマンティックですが、一般的に利点はありません。必要な場合もあります。たとえば、JavaScript を使用して (Google Webfonts などを使用して) フォントをヘッダーでロードする必要があります。そうしないと、ページが間違ったフォントでレンダリングされてから変更され、ユーザーにとって見栄えが悪くなります。

于 2012-04-24T09:06:07.840 に答える