2010-11-30 10 views
1

私は通常、ページ固有のjQueryコードと、多くのページが共有するいくつかの機能を持っています。 1つのアプローチは整理用に別々のファイルを作成することですが、私はすべてのスクリプトを1つのファイルに入れて読みやすくするためにファイルにコメントをつけることもできると考えています。その後、サイトがライブになると、必要に応じてサイズを縮小して難読化することができます。スクリプトファイルを整理する

質問は、httpリクエストを制限したり、ファイルサイズを制限することになると思います。これらは悪い習慣ですか?

+0

よりよい上限ファイルサイズよりHTTPリクエストを制限します。より良いことには、両方を行う。 – Ross

答えて

2

あなたは両方の方法を持つことができます。必要なだけ多くの個別の.jsファイルを使用して開発します。次に、ファイルを1つの大きなファイルにアセンブルして、GoogleのClosure Compilerのようなものにプッシュするビルド/デプロイメントプロセスを使用します。適切に設定されていれば、圧縮はWebサーバーによって透過的に処理されます。もちろん

、これは構造化された開発と展開のワークフローを意味します - 例えば、ファイルはそのままで提供されなければならないファイルから分離し、特定のディレクトリでコンパイル/アセンブルすることに。

参考文献:

+0

Closure Compilerは非常に有望です。私はそれを確認します。ありがとう。 –

1

すべてのスクリプトを1つのファイルに入れて、それを最小化すれば、最初にやるべきことです。

また、Webサーバーがgzip形式のコンテンツを送信する場合、実際のスクリプト転送は小さく、スクリプトはクライアントにキャッシュされます。 tcp転送が遅くなり、速度が上がるため、リクエストの数を制限することがページの全体的な読み込みをスピードアップする最も良い方法です。

これは、あなたがサイトは、より大きな画像に画像を連結し、それの正しい部分を表示するには、CSSを使って見るのと同じ理由です。