3

私は最近、ページごとに多くの (15-20) js リクエストを持つ大規模なコード ベースで作業を開始しました。私は、これらのサイトの最適化とパフォーマンスの向上を任されています。

私は、Google の PageSpeed や Yahoo の YSlow などのツールを WebPageTest.org のテストと組み合わせて使用​​し、サイトのベースライン速度と改善点を判断してきました。JS および CSS ファイルの連結と縮小のための標準またはベスト プラクティス ソリューションがあるかどうかに興味があります。

http://www.youtube.com/watch?v=30_AIEhar-Iを視聴しました。最初の 20 分間は、mod_pagespeed を適切な目標として叩くのに非常に優れていました。

私は現在、YUI コンプレッサと、おそらくその上にスプライト ジェネレータを備えた mod_pagespeed を検討しています。

見落としている可能性のある優れたツールや、現在のビルドで注意すべき点は何ですか?

編集:これは多くの(おそらく数百)の1ページであり、サイトは2週間ごとに新しいビルドを受け取るため、この連結と縮小を自動化できることが必須であることに注意してください。一度だけ実行して呼び出すことはできませんいいです。

編集 2012 年 7 月 30 日 - さまざまなツールを検討するのに時間を費やしました。どのツールが最適かを判断するのは困難ですが、現時点では、mod_page 速度を使用する人はあまり多くありません。

閉鎖は確かに広く使われていますが、それでも不足しています。これを行う最適な方法は、YUI でプラグインを使用することです。

Packerを提案する場所は他にもありますが、クライアント マシンでファイルを解凍する必要があるため、ファイル サイズが小さいことは解消されると多くの人が考えているようです。このスタックオーバーフローの応答は、これらのタイプのツールに関する良い読み物です。


4

1 に答える 1

2

Google の Closure Compiler は、JavaScript の連結と縮小に非常に優れています。コンパイル時にコードをリンティングするという追加のボーナスがあり、デッドコードを削除し、docblock に型ヒントを含めるとコンパイル時の型チェックも実行できます。

特定のケースでは、デッド コードの削除機能により、Closure は他のミニファイアよりも大きな利点が得られます。たとえば、ライブラリを含めても、機能の約 10% しか使用しない場合を考えてみてください。プロジェクトの残りの部分と一緒にライブラリを圧縮すると、残りの 90% を削除できます。

CSS に関しては、派手なものが必要な場合は、おそらく YUI コンプレッサーが最適です。それ以外の場合は、を使用してファイルを連結し、cat空白から数バイト余分にヒットすることができます。

于 2012-07-11T20:03:01.513 に答える