6

JavaScript ライブラリを圧縮するために 5 つの JavaScript コンプレッサーを使用しました (JSMin、YUI コンプレッサー、Packer、クロージャー コンパイラー、および UglifyJS)。

これで、クロージャ コンパイラがファイル サイズの削減に勝者であることがわかりました。ただし、パフォーマンスの向上もテストしたいと思います。これを行うにはどうすればよいでしょうか。

ライブラリのすべてのパブリック メソッドを使用する簡単なテスト ページを作成しました。このテスト ページのページ速度をテストするためのツールはありますか? 例えば。ブラウザで X 回実行し、平均読み込み速度を返します。

回答ありがとうございます。

4

4 に答える 4

1

複雑にする必要はありません。

<html>
<head>
    <script>
    var time = new Date();
    </script>
    <script src="..."></script>
    ... more scripts ... 
</head>

<body>
<script>
    document.write("Time: " + String((new Date() - time)/1000) + " seconds");
</script>
</body>
</html>

のスクリプトは<head>通常、順次ロードされるため、これはスクリプトの実行時間を測定する妥当な方法です。form を実行するスクリプトがある場合<body onload="...">は、本文の最後ではなく、その関数の最後で経過時間の計算を行います。

setTimeoutこのメソッドは、またはを介し​​て実行される「非同期」関数の実行時間を測定しsetIntervalませんが、ロード時間にはカウントされません。

別のより簡単なオプションは、Chrome または Safari の Web インスペクターに組み込まれている JavaScript プロファイラーを使用することです。

于 2011-06-08T00:41:17.083 に答える
0

PageSpeedツールがあなたが探しているものだと思います。

于 2011-05-24T08:30:53.793 に答える
0

時間負荷の違いをテストするには、FirefoxではPageSpeedまたはYSlowを、IEではHTTPAnaylserを使用します。

于 2011-05-24T08:33:18.550 に答える
0

それは、視聴者がサイトで最も気にかけていることに大きく依存します。画面に表示される時間は？ロード完了の時間は? アニメーションの滑らかさ？インタラクティブな応答性? それとも素の計算速度？

最も重要な指標に基づいて、さまざまなミニファイアで圧縮されたサイトをプロファイリングする必要があります。

補足: シンプル モードの Closure Compiler では、最小限のスピードアップしか得られません。ファイルサイズは小さくなりますが、JavaScript プログラムは変わりません。コードを大幅に削減し、速度を最適化するには、アドバンス モードを使用する必要があります。

于 2011-05-25T07:39:05.220 に答える