ブラウザの読み込み方針、<head> ... <body>

ブラウザの面白い振る舞いを調べていますが、標準であるかどうかはわかりません。私がすべて012_の中に入れた場合、ブラウザは頭の中のすべてのリソースが検索された後にのみページをレンダリングし始めます。ブラウザの読み込み方針、<head> ... <body>

私は頭の中にできるだけ少ないものを置くことが重要なウェブサイトの最適化テクニックの1つだと思っています、そうですか？私の質問は：

私はbody/htmlの他の部分にscript/cssを置くと、私は未定義関数を呼び出さないようにスクリプトが正常に読み込まれたことをどのように知ることができますか？

出典

2011-01-01 Bin Chen

これは非常によく似た質問です。優れた答えです：http://stackoverflow.com/questions/1795438/load-and-execution-sequence-of-a-web-page –

まもなく答えます：実際にスクリプトタグを<body>要素の最後に配置する必要があります。スタイルタグは<head>に入れる必要があります。そうしないと、新しいスタイルシートがロードされるたびにドキュメントが再レンダリングされるため、ドキュメントのレンダリングを開始する前にドキュメントをすべてロードする必要があります。

まだロードされていないjavascriptコードを使用しています。もちろん、イベントや何かをバインドしすぎるべきではありません。ページ内にインラインJavaScriptがあるべきではありません。あなたが本当にページ内にインラインコードを持っている必要がある場合は、ソリューションは、あなたの初期化を行うためにウィンドウのonloadイベントを使用することができます。

出典

2011-01-01 11:41:59 Seldaek

ブラウザの読み込み方針、<head> ... <body>

答えて

関連する問題