Webフォームのページのパフォーマンスまたはページの読み込み時間の確認

Question

Webフォームのページを少し変更しました。たとえば、データベースの代わりにmemcacheからデータを取り出し、不要なdbコールを削除します。

変更前と変更後のページロード改善 - ページロード時間を測定したいと考えています。

私はこの記事を見て：Calculating Page Load Time In JavaScript - これはあまり助けにはならなかった var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;

を使用。それは、10000という高いloadTimeと300という低いものの両方で、私には馬鹿げた結果をもたらします。また、コードからデータベース呼び出しを削除しても、大きな違いはありません。

どうすればよいですか？ローカルマシン上のWebページのパフォーマンスやページの読み込み時間を正確に計算するにはどうすればよいですか。

Answer 1

ページディレクティブで[トレース]を有効にして、そのルートに移動できます。しかし、Firefox、Chrome、IEなどの主要ブラウザのブラウザ開発ツールを使用すると、この情報はすぐに手に入ります。単純にF12を押すと、「ネットワーク/ネット」タブを選択します。タイムライン上にカーソルを置くことによって実験など

ローカルマシン上でのテストのパフォーマンスに関しては、生産に異なることになるだろうさまざまなユーザーが、使用しているデバイスと接続の種類によって、性能が決まることはありません。これは重要なアプリケーションであれば、実際の負荷試験を実施してください

Answer 2

Gtmetrix

のような性能測定サイトを試してみてください。 0

サイトのURLを入力するだけで、CSSやその他のものを縮小して時間をロードし、サイトを最適化する方法が表示されます。

これは、あなたのウェブサイトが公開されている場合にのみ機能します。

その他の方法は、各リソースのブラウザでネット/ネットワークタブを調べることです。