大規模なウェブサイト/コード連結のためのjavascriptの適切な管理

Question

私が開発しているサイトには、さまざまな機能に渡って多数のjavascriptが用意されています。私はすべてのモノリシックなjavascriptファイルと多くの小さなものを使用してすべてを読んだ。

私の目的では、巨大ファイルのアプローチは、スクリプトを維持するのが難しくなるだけでなく、不必要なJavaScriptも多く含んでいます。同時に、必要なコードだけが含まれるようにjavascriptを分離すると、ファイル/ HTTP要求の数が過剰になります。適度な量の不要なコードを含めるという考え方は、ユーザーにとって追加のファイルサイズのオーバーヘッドに加えて、適切なソフトウェア設計の概念に反するように見えます。

Apache用のmod_concatモジュールが私の問題を完全に解決するように見えました。自分のjavascriptを必要なだけ多くのファイルに分け、必要なものだけを組み込み、パフォーマンスにほとんど影響を与えませんでした。

これは実際のケースですか？多くのファイルを管理する唯一の潜在的な欠点ですか？私はmod_concatが永遠に残っていないことを知っているので、a）以前にどのように扱われていたか、b）コード連結であっても、不必要なjavascriptを含めてまたはベストプラクティス）。

おかげで、ブライアン

Answer 1

は、私はあなたがそのためのApacheモジュールを必要としないと思います。 1回ロードされた後にブラウザによってキャッシュされるため、1つの縮小されたJSファイルをプロダクション用に作成するのが最善の方法です。開発のためには、アプリケーションを別々のファイルに分割するのが理にかなっています。

私の個人的な好みのJavaScriptモジュールの管理と圧縮はJavaScript MVCフレームワークの一部であるSteal JSです（大きなJSアプリケーションでは一般的に面白いかもしれません）。開発中にモジュールファイルを動的にロードすることができます。プロダクションでは、圧縮された1つのJavaScriptファイルを作成できます（CSSも実行できます）。

もう1つの選択肢はRequireJSですが、私はそれをすばやく見ていました。