如何解决如何从performance.window.performance.timing输出中获取性能KPI?
尝试使用puppeteer框架获取UI Performance KPI,我有以下脚本
const puppeteer = require('puppeteer');
const select = require('puppeteer-select');
(async () => {
const launchOptions = {
headless: false,executablePath: 'C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe',args: ['--start-maximized','--disable-web-security','--disable-features=IsolateOrigins,site-per-process'],defaultviewport: null
};
const browser = await puppeteer.launch(launchOptions);
const url = "http://app.contries/user_interface";
const page = await browser.newPage();
try {
//Launch URL
await page.goto(url);
const performanceTiming = JSON.parse(
await page.evaluate(() => JSON.stringify(window.performance.timing))
);
console.log(performanceTiming);
} catch (error) {
console.error(error);
} finally {
await page.waitFor(10000);
console.log("Closing the browser session")
await browser.close();
}
})();
上面这段脚本的输出是:
connectStart: 1600180693460,navigationStart: 1600180692020,loadEventEnd: 1600180700487,domloading: 1600180697154,secureConnectionStart: 0,fetchStart: 1600180692021,domContentLoadedEventStart: 1600180700039,responseStart: 1600180697148,responseEnd: 1600180697215,domInteractive: 1600180700038,domainLookupEnd: 1600180693460,redirectStart: 0,requestStart: 1600180693764,unloadEventEnd: 0,unloadEventStart: 0,domComplete: 1600180700205,domainLookupStart: 1600180693460,loadEventStart: 1600180700205,domContentLoadedEventEnd: 1600180700089,redirectEnd: 0,connectEnd: 1600180693764
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。