|
Post by account_disabled on Dec 3, 2023 8:36:52 GMT
如果浏览器需要下载大图像或渲染复杂元素,则与的偏差可能会很大。 资源绩效衡量 图片、样式表、JavaScript 文件等资源的网络时间会自动记录中。虽然您无法采取太多措施来解决网络速度问题(除了减小文件大小),但此测量可以帮助突出显示与较大资源、缓慢 Ajax 响应或运行不良的第三方脚本相关的问题。 可以使用以下方法从缓冲区中提取指标数组头中传递的对象数组(服务器端应用程序可以将指标发送到客户端以进行进一步分析) 获取开始的时间戳 使用的网络协议 workerStart:渐进式 Web 应用服务工作线程启动之前的时间戳(如果请求未被服务工作线程拦截,则为重定向开始的时间戳 redirectEnd:最后一个重定向响应的最后一个字节之后的时间戳 fetchStart:获取资源之前的时间戳 查找之前的时间戳 查找后的时间戳。 建立与服务器的连接之前的时间戳 与服务器建立连接后的时间戳 握手之前的时间戳浏 电话号码清单 览器请求资源之前的时间戳 : 浏览器收到第一个字节数据时的时间戳 收到最后一个字节或关闭连接后的时间戳 持续时间间的差异 TransferSize:资源的大小(以字节为单位),包括标头和压缩主体 解压前资源的主体(以字节为单位)压后资源的主体(以字节为单位) 此脚本示例检索Fetch API发起的所有 Ajax 请求并返回传输的大小和总持续时间导航性能测量 卸载前一页和加载当前页的网络时间会作为单个对象自动记录在性能缓冲区中。 使用以下命令将其提取到数组中事件完成后的时间戳 触发页面加载事件之前的时间戳 loadEventEnd:页面加载事件之后的时间戳且所有资源都可用 典型问题包括: 的长时间延迟。 这可能表明该页面有太多资源,或者其中一些资源加载时间太长。 表现记录与分析 性能 API 允许您收集真实使用数据并将其上传到服务器以进行进一步分析。您可以使用Google Analytics 等第三方服务来存储数据,但存在第三方脚本被阻止或引入新性能问题的风险。您的解决方案可以根据您的需求进行定制,以确保监控不会影响其他功能。 请警惕无法确定统计数据的情况,可能是因为用户使用较旧的浏览器、阻止 JavaScript 或使用公司代理。了解缺少哪些数据比根据不完整的信息做出假设更有益。 理想情况下,您的分析脚本不应因执行复杂计算或加载大量数据而对性能产生负面影响。考虑使用 Web Worker 并尽量减少对 localStorage 的同步调用的使用。最后,请注意异常值,例如非常快或非常慢的设备和连接,这会对统计数据产生负面影响。
|
|