Server Timing API All In One

Server Timing API All In One

// Catch errors since some browsers throw when using the new `type` option.
// https://bugs.webkit.org/show_bug.cgi?id=209216
try {
  // Create the performance observer.
  const po = new PerformanceObserver((list) => {
    for (const entry of list.getEntries()) {
      // Logs all server timing data for this response
      console.log('Server Timing', entry.serverTiming);
    }
  });
  // Start listening for `navigation` entries to be dispatched.
  po.observe({type: 'navigation', buffered: true});
} catch (e) {
  // Do nothing if the browser doesn't support this API.
}

https://developer.chrome.com/docs/devtools/network/reference/#timing-explanation

Stalled. The request could be stalled for any of the reasons described in Queueing.

停滞了。请求可能因排队中描述的任何原因而停止。

Server Timing API

API 性能测试, 页面秒开

The Server Timing API allows you to pass request-specific timing data from your server to the browser via response headers.

服务器计时 API 允许您通过响应标头将特定于请求的计时数据从您的服务器传递到浏览器。

https://web.dev/custom-metrics/?utm_source=devtools#server-timing-api

https://web.dev/custom-metrics/?utm_source=devtools#:~:text=}-,server timing api

refs

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 ️，侵权必究⚠️！

---