2012-02-18 5 views
0

いくつかのプラグインの手順で見たように、bodyタグの最後の直前にjavascript/jQueryソースを貼り付けます。私は彼らがなぜそんなこと言っているのか検索しました、私は意味をなさない。bodyタグの最後の前にjQuery/javascriptのソースページを置く

私がsrcファイルをスクリプトのどこに置いても、まったく問題にはなりませんでした。誰も私にこれについて良い答えを与えることができますか?

答えて

7

JavaScriptコードがDOMまたはDOM内のオブジェクトを参照していない場合は、ページのどこにでも配置できます。

</body>タグの直前でbodyタグにHTMLを挿入すると、スクリプトが読み込まれる前にページが解析されて表示され、ページがより速く表示されます。そのため、ページの初期表示パフォーマンスを最大限に引き出すことが推奨されています。

DOMやDOM内のオブジェクトを参照する場合は、DOMの後にロードするか、jQueryで$(document).ready(fn)などのコードを使用して実行する前にDOMをロードするのを待つ特別なコードが必要ですそのため、DOMがロードされるまで実行されません。

もちろん、最初のコードを実行した後にコードをロードする必要があります。したがって、jQueryプラグインは、jQueryライブラリ自体の後にロードする必要があります。あなたのページの表示性能を最大化するために、ページ内のできるだけ遅く

  1. 入れコード:

    は、ここでのガイドラインの一般的なセットです。

  2. コードの最初の実行が依存する他のライブラリの後にコードを挿入します。
  3. <head>セクションにコードを挿入するのは、ドキュメントをロードする前にそのコードを実行または使用する必要がある場合のみです。例として、URLとCookieを調べてクライアントサイドのリダイレクトを行うかどうかを決定するコードがある場合は、そのコードをすぐに実行して、そのコードを<head>セクションに入れてDOMの前で実行できるようにしますロードまたは表示する。別の例として、ページロード中に利用できる特定の関数(例えば、document.write()を実行し、いくつかのユーティリティ関数を呼び出すインラインJavaScript)を必要とするインラインJavaScriptを使用している場合は、これらのユーティリティ関数を<head>セクションに入れてページが読み込まれます。
  4. ページがロードされる前にコードを実行する理由がない場合、またはコードがDOM自体にアクセスする必要がある場合は、</body>タグの直前にコードを置き、ページの表示時間を最適化し、コード実行時の操作
  5. 可能な限り外部JSファイルにコードを入れて、ブラウジングキャッシュを最大限に活用します。
関連する問題