SPA 的 Azure 应用程序见解中的页面视图加载时间和浏览器页面加载时间之间的差异

Question

我在 Azure 中有一个 Web 应用程序（它是一个使用 Angular.js 的 SPA），我想收集客户端使用情况统计信息。有 2 个预定义指标可用于收集使用情况统计信息 - 浏览器页面加载时间和页面查看加载时间？

应用程序洞察中的页面视图加载时间和浏览器页面加载时间究竟有什么区别？据我所知，浏览器页面加载是第一次加载网站所花费的时间，页面浏览加载时间是加载每个页面所花费时间的平均值。但是因为我使用的是 SPA，它们表示相同的东西真的有区别吗？

Answer 1

API 根据中的评论，这些是如何计算的 PageViewPerformanceManager.ts:

/*
  * http://www.w3.org/TR/navigation-timing/#processing-model
  *  |-navigationStart
  *  |             |-connectEnd
  *  |             ||-requestStart
  *  |             ||             |-responseStart
  *  |             ||             |              |-responseEnd
  *  |             ||             |              |
  *  |             ||             |              |         |-loadEventEnd
  *  |---network---||---request---|---response---|---dom---|
  *  |--------------------------total----------------------|
  * 
  *  total = The difference between the load event of the current document is completed and the first recorded timestamp of the performance entry : https://developer.mozilla.org/en-US/docs/Web/Performance/Navigation_and_resource_timings#duration
  *  network = Redirect time + App Cache + DNS lookup time + TCP connection time 
  *  request = Request time : https://developer.mozilla.org/en-US/docs/Web/Performance/Navigation_and_resource_timings#request_time
  *  response = Response time
  *  dom = Document load time : https://html.spec.whatwg.org/multipage/dom.html#document-load-timing-info
  *      = Document processing time : https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/#document_processing
  *      + Loading time : https://developers.google.com/web/fundamentals/performance/navigation-and-resource-timing/#loading
  */

SPA 的 Azure 应用程序见解中的页面视图加载时间和浏览器页面加载时间之间的差异

Difference between page view load time and browser page load time in Azure application insights for a SPA

azure-application-insights