2009-04-15 6 views
3

は、誰もが最初に私は、文書のHEADのすべてを挿入しましたが、私はより多くのコードは、ページ間で使用されていると見ています、jqueryのコードを格納するための最良のアイデア、外部ファイルとディレクトリ構造にjqueryコードを格納していますか?

インクルードファイルを使用するための最良の方法であることを確認することができますことができます..拡張子付き.JS?

この点に関して他にも優れた点はありますか?

私は

/cssの /スクリプト

などを持っているルートの

..これが事実であるならば、私の.jsファイルを保存するのに最適な場所でしょう何... /スクリプトは私のjqueryファイルがどこにありますか...私は私の.jsファイルにも同じものを使用するべきですか?

誰かがディレクトリ構造についていくつか推奨していますか?

答えて

4

.jsファイルにできるだけ多くのコードを保存する必要があります。これは、ブラウザが一度ダウンロードしてすべての要求で再利用できるようにするためです。

コードをHEADセクションにプレーンテキストとして直接挿入すると、リクエストごとにそのコードをダウンロードしなければならないため、ページ転送が遅くなります。

ファイルを保存するディレクトリは実際にあなた次第です...私は/css/jsを使用しますが、/scriptsは多くのケースでも使用されています。

1

ここで、JavaScriptをページに挿入する場所は、実行しようとしていることによって異なります。速度を上げるために、ページの最後にJavaScriptをリンクするためのargumentsがあります。そのため、ブラウザはJavaScriptを解析/実行しようとする前にページを読み込むことができます。もちろん、ページが読み込まれる前にJavaScriptを実行する必要がある場合は、ドキュメントの先頭に置く必要があります。それは本当にあなたとあなたのニーズに左右されます。

.jsはJavaScriptファイルの標準の拡張機能なので、引き続き使用することをお勧めします。 JavaScriptファイルをページに置くのではなく、JavaScriptファイルにリンクして、ユーザーのブラウザがJavaScriptファイルをキャッシュできるようにすることをお勧めします。

スクリプトを保存する場所はあなた次第ですが、すべてのjQueryファイルを/ scriptsディレクトリに保存するとよいでしょう。

1

複雑すぎる必要はありません。はい、JS拡張機能で保存してください。ただし、Javascriptをサードパーティのライブラリから分離しておくことをおすすめします。

これはあなたが必要になりますについてのすべてです:

. 
./js/jquery/jquery.js 
./js/yourfiles.js 

それとも、あなたの会社名の下にファイルを置く:

./js/companyname/yourfiles.js 

および他のように述べている:の最後にあなたのJSを入れて可能であればファイルしてください。

0

Sebは正しいですが、1つのことを追加するには、すべてのJSファイルとCSSファイルをそれぞれ1つに圧縮してみてください。

ファイルがキャッシュされているかどうかにかかわらず、個々のファイルが更新されているかどうかを確認するための往復要求がサーバーに依然として存在します。これにより、JSファイルやCSSファイルが多数ある場合にユーザーの使用感が低下する可能性があります。