私たちは、リアルタイムで 20,000 人を超えるユーザーと連携できる Web ページで作業していることに気付きました。
バックエンド システムを最適化するために懸命に取り組みましたが、今はフロントエンドを最適化する必要があります。
最初に思いついたのは、JS ファイルの読み込み時間を監視するツールを使用することでした。
しかし、実際には JavaScript の読み込み時間を取得する必要はありません。本当に必要なのは、JavaScript コードのどの部分が完了するのに時間がかかっているかを知ることです。
現在、新しいレリックを使用してサイトを追跡し、どのサーバー側スクリプトを最適化する必要があるかを把握しています。
しかし、フロントエンド コードやウィッチ ファイルを最適化する必要があるという指標は見当たりません。
これに役立つツールはありますか？
JavaScript のクロス ブラウザーの速度をテストする最善の方法は、独自の関数を作成することです。テストするコードを関数にラップし、反復を数えて 1 秒以内に可能な限り何度でもその関数を実行します。毎回異なる結果が得られるため、そのテストを少なくとも 5 回実行してから、反復の平均回数を見つけます。また、JavaScript のパフォーマンスに関しては、他のどのブラウザーよりも約 4 倍高速であるため、chrome を使用することをお勧めします。すべてのコードをテストし、ブラウザー用に最適化すると、改善はユーザー エクスペリエンスにも影響します。
私が作成した独自の speedTest obj があります。これは、作成中の私の Web サイトhttp://www.deckersdesign.com/source.phpで表示できます。参考までに、このオブジェクトは平均ではなく反復の中央値を見つけます。