.jsを.cssの前に置くべきですか、それとも.cssを.jsファイルの前に置くべきですか?どちらが良いですか?私はjqueryでhtml5プロジェクトに取り組んでいます。
4 に答える
一般的なルールは、スタイルシート(.css)を上部に配置し、スクリプト(.js)を下部に配置することです。ただし、すべてのスクリプトを一番下に配置できない場合があるので注意してください。
JSとCSSの読み込みを最適化する http://headjs.com/を使用してみてください。http://requirejs.org/も、これを処理するための優れたフレームワークです。
過去4年間にトップのフロントエンド開発者によって策定されたベストプラクティスに基づいて、このような決定を下すHTML5ボイラープレートを使用することをお勧めします。コードは非常によくコメントされており、ドキュメントは優れているため、さまざまな決定に影響を与えた考え方について簡単に学ぶことができますが、ページの構築を続けたい場合は、基盤が健全であることを知って安全です。できる。
これ以上の方法はありません。それらがすべてヘッダーにある限り、相互に依存しない限り、順序に違いはありません。
編集:上記はほとんどの単純な場合に当てはまります。
理想的には、すべてのCSSスタイルをHEAD
要素に配置し、すべての要素を要素の最後(終了の直前)SCRIPT
の依存関係の順序で配置する必要があります。BODY
</body>
注文が異なると、新しいデスクトップブラウザで違いが生じる可能性があります。モバイルブラウザでは、投機的解析を使用できないため、ブラウザは他の読み込みが実行される前にスクリプトの要求を待機します。
tl; dr-違いは些細なことなので、特にフロントエンドがJavaScriptに大きく依存している場合は、それほど重要ではありません。