問題タブ [minify]

大量の JavaScript を含む Web サイトを扱う場合、これらは通常、1 つの大きな JavaScript ファイルとしてクライアントに提供されます。

開発段階では、JavaScript ファイルは通常、管理しやすくするために分割され (300 行以上の js があるとします)、Web サイトが「公開」されたときにマージされますか? それとも、開発者は 1 つの長い大きなファイルで作業することに我慢しているのでしょうか?

通常のJSMin、Packer、YUIソリューションなど、JavaScript コードを縮小するさまざまな方法を検討しています。非常に強力に見える新しいGoogle Closure Compilerに非常に興味があります。

Dean Edwards packerには、3 つのセミコロンで始まるコード行を除外する機能があることに気付きました。これは、デバッグ コードを除外するのに便利です。例えば：

コードベースのクリーンアップに時間を費やしており、このようなヒントを追加して、デバッグ コードを簡単に除外したいと考えています。これに備えて、これが最善の解決策なのか、それとも他の手法があるのか​​ を調べたいと思います。

まだ縮小方法を選択していないため、最終的に使用する縮小ツールと互換性のある方法でコードをクリーンアップしたいと考えています。だから私の質問はこれらです：

1. セミコロンを使用するのは標準的な手法ですか、それとも他の方法はありますか?

2. この機能を提供するソリューションは Packer だけですか?

3. 他のソリューションもこの方法で機能するように適応できますか?それとも、これを達成する別の方法がありますか?

4. 最終的には、Closure Compiler を使い始めることになるでしょう。それに備えて今からやるべきことはありますか？

As you surely know Microsoft Doloto is tool which profiles you javascript code as it actually runs on the page and splits it in to two files: one file will be statically included in the footer of the page which contains stubs for all functions and loads the actual implementations (in file 2) in the background (under the assumption that only very litte javascript is needed on page load so you can defer downloading the rest).

I found Doloto not to be production ready, it meanwhile has been canceled afaik. Is there a working alternative?

VSDoc は Javascript にコメントを付ける素晴らしい方法です。特に、ある Javascript ファイルを別の Javascript ファイルに「依存」させる機能が気に入っています。これにより、スクリプト インクルードの適切な順序を考慮した Javascript ミニファイアー/コンバイナーへの道が開かれます。

一部を悩ませる唯一のことは、それがVS -Doc だということです。

ベンダー中立の競合フォーマットはありますか?

また、VSDoc 標準は、Eclipse などの Microsoft 以外の IDE でどのくらい広く使用されていますか?

現在、いくつかのソースからの JavaScript を使用するサイトを構築しています。

グループ 1: Google Maps API v3 (Google がホスト)
グループ 2: jQuery & swfobject (Google CDN でホスト)
グループ 3:いくつかの jQuery プラグインと jquery 以外の javascript ファイル (私のサーバーでホスト)

Justin Etheredge のツールSquishItを使用して、サーバー (グループ 3) でホストされているすべての JavaScript ファイルを結合および縮小しています。

(グループ 2) のファイルをローカルでホストして、(グループ 3) の他のすべてのファイルと組み合わせることができ、グループに対して 1 つの HTTP 要求のみを必要とする場合、サイトがユーザーにとってより速く感じるかどうか疑問に思っています。 2 & 3. これは、Google CDNのメリットを享受できないことを意味します。

この件について誰かアドバイスはありますか？

編集: また、この質問に対する数値ベースの回答を得るにはどうすればよいですか? それは可能ですか？

Google の Closure Compiler Serviceを使用するたびに、ページの右側に表示されるコンパイル済みコードに不要なスペースがいくつか残ることに気付きました。これらは、コンパイルされたコードのホストされたバージョンの改行に対応します。

例（改行に注意してください。それぞれが不要に思われます）：

http://troy.onespot.com/static/stack_overflow/closure_spaces.js

これまで手動で削除してきましたが、なぜそこにあるのか不思議です。ホストされているバージョンのコードの行の長さを制限して読みやすくするためですか? コンパイラは、GZIP 圧縮の作業を最大化するために意図的にそれらを残したり挿入したりするのに十分スマートでしょうか?

それらがファイルサイズに些細な影響を与えることは知っていますが、ソーススクリプトの最後のバイトをすべて縮小するために多大な努力が払われているため、なぜそこにあるのかは直感に反します.

あなたの経験から、あなたが扱った ASP.NET MVC の最も柔軟な最小化/圧縮プログラム (JS+CSS) は何ですか?

ここのところ

• mbcompressはあまり MVC フレンドリーではないようです
• weboptimizer.codeplex.comにはドキュメントがありません
• clientdependency.codeplex.com はまだベータ版です
• compress2は良い候補のようですが、まだ試していません
• mvcscriptmanagerは、CSS ではなく JavaScript のみを結合して圧縮します

フレキシブルとはつまり

• 圧縮、縮小、結合する対象を選択する
• 例外を追加します。たとえば、デバッグが XYZ.JS を圧縮しないか、ABC.CSS を圧縮しない場合
• キャッシング
• 最終的には、最高の YSLOW スコアを提供するのに役立つはずです。

他のアセンブリを知っている場合は、それらもリストしてください。

このページのソースhttp://kingston.talking-newspapers.co.uk/を見ると、上部に大量のインラインJavaScriptが表示されます。

私は本当にこれらの余分なものすべてを私のページソースに浮かび上がらせたくありません、私はむしろそれをスクリプトタグに入れたいです、そしてそれから私はそれとあらゆる種類を縮小することができます。

これをphpファイルと呼ぶ場合、これは理論的には機能するはずです。代わりに、jsファイル拡張子をphpで終了し、ヘッダーに次のように記述します。

しかし...javascript内でプレイリストを生成するために使用される多くのphp変数は、メインのindex.phpファイルの先頭に設定されており、このphpで生成されたjsプレイリストファイルをこのように呼び出すと、完全に評価されるようです。別々に、それはエラーでいっぱいです。

私が考えることができる唯一の方法は、ページにファイルを書き込んですぐに読み込むことです。もう1つは、プレイリストが頻繁かつ動的に変更される可能性があるため、キャッシュしないように縮小する必要があると思います。それ？

次のようなケースがあります: 開発中 (たとえば js をデバッグするため) に圧縮されていない js/css ファイルを使用したいのですが、本番環境ではそのファイルの縮小版に自動的に切り替えたいと考えています。

いくつかの簡単な解決策は、テンプレートに入れることです：

ただし、これには、そのようなファイルが存在することを手動で提供し、元のファイルの変更後にミニファクションを手動で実行する必要があります。

プロジェクトでこれをどのように達成しますか? これのためのツールはありますか？

作業中のいくつかのWebサイトでパフォーマンス分析を行っていますが、大きな問題はインラインスクリプトであることに気づいています。外部スクリプトについては、JavaScriptを1つのファイルに結合、縮小、gzip圧縮するhttpハンドラーを作成しました。これは、ファイル名をハッシュすることによって後で再利用するために保存されます。

私が疑問に思っているのは（これが良いアイデアかどうかはわかりませんが、フィードバックを得るために投稿しています）、スクリプトテキストを含むすべてのスクリプト要素を削除して1つのファイルにまとめるかどうかです。次に、外部スクリプトに使用しているのと同じプロセスを使用して、それらを1つのスクリプトに結合します。

ジョン