(一)含义
Input Delay:输入延时,记录用户和页面进行交互操作,所花费的时间。例如,从用户点击一个按钮,到浏览器正确处理这个按钮的行为,并反馈给用户所花费的时间。 通常情况下,Input Delay 是因为浏览器主线程在忙于执行其他操作,无暇处理用户的交互操作。
FID( First Input Delay)即记录用户和页面进行首次交互操作所花费的时间
有的浏览器不支持,反正我是没有调试出来 悲伤……
try {
new PerformanceObserver(entryList => {
var fidEntry = entryList.getEntries()[0];
var fid = fidEntry.processingStart - fidEntry.startTime;
console.log("First Input Delay: " + fid);
})
// Some browsers throw when 'type' is passed:
.observe({ type: "first-input", buffered: true });
}
catch (e) {
// The Event Timing API is not supported by this browser
}