page.getMetrics（）を使用して人形館でページの読み込み時間を取得する

Question

私は人形を使って自分の環境でどれくらいの時間のWebサイトが読み込まれるかを測定しようとしています。私の焦点はネットワーク接続とネットワーク速度の品質にあります。したがって、すべての画像とHTMLがブラウザによってダウンロードされると、へのページの所要時間を知ってうれしく思います。

人形を使って、繰り返しテストを実行し、読み込み時間の差を正確に測定できます。

これは、64.0.3240.0 (r508693)page.getMetricsとevent: 'metrics'にあることがわかりました。これは私が探しているものを得るのに役立ちます。

しかし、私はノードとjsの初心者で、page.getMetricsの読み方がわかりませんし、さまざまなキーと値のペアのどれが私の文脈で役に立つ情報を提供していますか？あなたが利用可能page.metrics()を持っている最近のバージョンで

const puppeteer = require('puppeteer'); 
async function run() { 
    const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox']}); 
    const page = await browser.newPage(); 
    page.on('load',() => console.log("Loaded: " + page.url())); 
    await page.goto('https://google.com'); 
    const metrics = page.getMetrics(); 
    console.log(metrics.Documents, metrics.Frames, metrics.JSEventListeners); 
    await page.goto('https://yahoo.com'); 
    await page.goto('https://bing.com'); 
    await page.goto('https://github.com/login'); 
    browser.close(); 
} 
run(); 

いくつかのことにもっと立派このコードを得ることにすべてのヘルプははるかに高く評価される:)

Answer 1

：

次のように読み取りメトリックスでの私の現在の哀れな試みがあります：

それはを含む数字の束を持つオブジェクトを返します。

• メトリックサンプルを取得したタイムスタンプ
• すべてのページレイアウトの合計時間
• ブラウザで実行されるすべてのタスクの合計時間。

あなたはこのようにそれを使用することができますfull list

のためのドキュメントをチェックアウト：

await page.goto('https://github.com/login'); 
const gitMetrics = await page.metrics(); 
console.log(gitMetrics.Timestamp) 
console.log(gitMetrics.TaskDuration)