品質のプロパティ - パフォーマンス--- 3

時間に対するパフォーマンス。場合は、パフォーマンスやイベント、どのくらいの応答に約過ごすことになります。
性能、すなわち----反応に必要な時間、外部刺激に応答して、システムの能力であり、又はその中のイベントの数時間の期間こと。

戦術的な性能：
リソース要件-計算のオーバーヘッド（バイパス参照）を低減するために、計算効率（改善されたアルゴリズム）を改善するには、イベントレート比（サンプリング周波数を減少させる）、バインド実行時間（反復の数を制限する）、結合キュー・サイズを管理します。
リソース管理-複数のコピー（クライアント側キャッシュ）の同時実行、データやメンテナンスの計算の導入は、利用可能なリソースを増やします。
リソース調停- FIFO、（意味論的重要性に基づいて、持続時間または速度単調単調な）固定優先スケジューリング、動的優先度スケジューリング（スケジューリング・サイクル、最も早い優先期限）、静的スケジューリング（プレ先制点とリソース割当順オフマシン）が決定しました。

***********************

[ウェブ] Webパフォーマンスのプロパティは、Web応答時間のすべての段階取得：DNS解決時間、TCPコネクション確立時、ホームタイムの黒と白、DOM時間のレンダリング完了し、ページのonload時間

正確に重要な側面のWebアプリケーションを高速化するために、Webアプリケーションのパフォーマンス特性を測定

******************************

だから我々は、時間指定したウェブサイトをロードする方法を知っていますか？

私たちは、タイム・スタンプマークを追加することができます

目的のページを測定するための簡単なJavaScriptの試みが完全にロードされ、次のショー

1  < HTML > 
3  < ヘッド> 
5  < タイトル>スタークワン</ タイトル> 
7  < スクリプトタイプ= "テキスト/ javascriptの" > 
9  VARの開始=  新しい日付（）getTime（）。
11  機能のonLoad（）{ 
13    VAR 今=  新しい日付（）getTime（）。
15    のvar レイテンシー= 今- スタート。
17    警報（「ページの読み込み時間：」 + レイテンシ）。
19  } 
21  </ スクリプト> 
23  </ ヘッド> 
25  < 本体のonload = "のonLoad（）" > 
27  <！-メインページ本体はここから行きます。- > 
29  </ ボディ> 
31  </ HTML >

結果：

別の例：

上記のスクリプトは、ヘッドのJavaScriptの実装後にページをロードするために必要な時間を計算し、それは、時間、またはページの初期化のライフサイクルを取得するために、サーバから目的のページを与えるものではありません。

******************************************

 1 <!DOCTYPE html>
 3 <html lang="en">
 5 <head>
 7     <meta charset="UTF-8">
 9     <title>stark wang</title>
11 </head>
13     <script>
15 function showNavigationDetails() {
17   // 入口
19   const [entry] = performance.getEntriesByType("navigation");
21   // 在控制台可以看到很多参数
23   console.table(entry.toJSON());
25 }
27 </script>
29 <body onload="showNavigationDetails()">
33 </body>
35 </html
>结果：

自己去测试
这个接口省去我们很多时间，不再需要获取时间戳了

****************************

***************************

Python获取WEB各阶段响应时间

****************************

 1 let timing = performance.timing,
 3      start = timing.navigationStart,
 5      dnsTime = 0,
 7      tcpTime = 0,
 9      firstPaintTime = 0,
11      domRenderTime = 0,
13      loadTime = 0;
17 dnsTime = timing.domainLookupEnd - timing.domainLookupStart;
19 tcpTime = timing.connectEnd - timing.connectStart;
21 firstPaintTime = timing.responseStart - start;
23 domRenderTime = timing.domContentLoadedEventEnd - start;
25 loadTime = timing.loadEventEnd - start;
29 console.log('DNS解析时间:', dnsTime , '\nTCP建立时间:', tcpTime, '\n首屏时间:', firstPaintTime,
31  '\ndom渲染完成时间:', domRenderTime, '\n页面onload时间:', loadTime);

结果：

品質のプロパティ - パフォーマンス--- 3

おすすめ