Я пытаюсь отследить время, потраченное в сети на загрузку страницы, используя API Navigaiton.Я планирую использовать приведенную ниже формулу
Сетевое время = (responseEnd - fetchStart) - (responseStart - requestStart). (ResponseStart - requestStart) будет временем, которое требуется серверу для отправки первого байта ответа браузеру после получения запроса,Верно ли мое понимание API?
Кроме того, когда я пытался получить эти данные, я получал одно и то же значение для всего до ответаEnd.
window.onload = function(){
setTimeout(function(){
console.log("navigationStart : "+ (performance.timing.navigationStart));
console.log("fetchStart: "+ (performance.timing.fetchStart));
console.log("requestStart: "+ (performance.timing.requestStart));
console.log("responseStart : "+ (performance.timing.responseStart));
console.log("responseEnd : "+ (performance.timing.responseEnd));
console.log("domComplete : "+ (performance.timing.domComplete));
console.log("loadEventStart : "+ (performance.timing.loadEventStart));
console.log("LoadEventEnd : "+ (performance.timing.loadEventEnd));
console.log("now: "+ (Date.now()));
console.log("frame count is "+ (frames.length));
}, 0);
}
Ниже вывод
navigationStart : <b>1543517910446</b>
fetchStart: <b>1543517910446</b>
requestStart: <b>1543517910446</b>
responseStart : <b>1543517910446</b>
responseEnd : <b>1543517910446</b>
domComplete : 1543517912670
loadEventStart : 1543517912670
LoadEventEnd : 1543517912908
now: 1543517912936
frame count is 0