ajax フロントエンドと cdn バックエンドを提供することで、サイト検索を高速化するツールを構築しています。
私の ajax フロント エンドと通常の html リロード モデルの使用の違いをデモで視覚的に示したいと思います。サイト上のあるページから別のページへの遷移を表示できるブラウザ拡張機能やその他のツールなどのツールが必要です。ページの読み込み時間を表示できるツールがたくさんあります。それは私が求めているものではありません。ある ajax 状態から別の ajax 状態への遷移を示したいと思います。
誰かお勧めはありますか？
Andy が述べたように、これはWebPagetestで実行できます。「スクリプト」に惑わされないでください。かなりの数のサンプルがあり、特定のケースについても喜んでお手伝いします。
これを使ってできるクールなことの 1 つは、シーケンスをビデオとして録画し、横並びのビデオを作成して、実際のユーザー エクスペリエンスをデモンストレーションできるようにすることです (これは、常にメトリックよりもよく売れます)。
サイト上のあるページから別のページへの遷移を表示できるブラウザー拡張機能やその他のツールなどのツールが必要です。
解決策は、2 つの別々のページを作成し、firebug (または同様のツール) を開いて並べて比較することだと思います
または、実際のプレゼンテーションを作成し、自分でトランジションを実行することもできます。パワーポイントのプレゼンテーションやホワイトペーパーを「ツール」と見なさない限り、2 つのサイトとそのベンチマークを並べて比較するだけのツールは知りません。
また、JSPerf (http://jsperf.com/) を使用して、実際の JavaScript コードのパフォーマンスを視覚的にベンチマークすることもできます。
WebPageTest はこれを行うことができますが、それをスクリプト化する方法を学ぶ必要があります