Js statistics page load to complete the time required

• The Performance API is mainly used to calculate the time required to complete DOM rendering of the page.

PerformanceThe interface retrieves performance-related information from the current page.

function getTiming() { setTimeout(() => { let t = window.performance.timing; Let PerformanceInfo = [{key: "Redirect", desc: "time to Redirect", "value(ms)": t.redirecttend - t.redirectstart}, {key: "AppCache", desc: "Time taken to check local cache ", "value(ms)": t.domainLookupStart - t.fetchStart}, {key: "DNS", desc: "DNS query time ", "value(ms)": t.domainLookupend-t.domainLookupstart}, {key: "TCP", desc: "TCP link time ", "value(ms)": T.c onnectEnd -t.c onnectStart}, {key: "Waiting(TTFB)", desc: "time from client to request ", "value(ms)": T.response start - t.response start}, {key: "Content Download", desc: "time to Download the server to return the data ", "value(ms)": T.reponseend-t.reponsestart}, {key: "HTTP Total Time", desc: "HTTP Total Time", "value(ms)": }, {key: "First Time", desc: "First Time", "value(ms)": T.reponsestart -t.omainLookupstart}, {key: "White screen time", desc: "White screen time", "value(ms)": T.reponseend-t.fetchstart}, {key: "Time to Interactive(TTI)", desc: "Time to Interactive(TTI)", "value(ms)": T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T/T. T.domInteractive-t.reponseend}, {key: "domContentLoaded ", desc:" Time DOM has been loaded ", "value(ms)": T.dominteractive-t.avigationstart}, {key: "Loaded", desc: "total time taken to load the page ", "value(ms)": t.loadEventEnd - t.navigationStart }] console.table(performanceInfo); }, 0) } window.addEventListener('load', getTiming, false)