zΑγάπηc 2024-02-03 01:07 采纳率: 0%
浏览 24
已结题

接口资源下载时间过长

正在等待服务器响应时间和内容下载时间耗时很长
最近在做项目时,遇到一个问题 前端在调用接口时,发现某次http请求花费了很长时间,通过前端同事排查发现正在等待服务器响应时间和内容下载时间耗时很长。经过postman调用时一切正常,而且接口返回的数据只有200kb左右。
类似图

img

查询了下这二个专有名词解析
正在等待服务器响应/waiting for server response:
等待响应的时间,具体来说是等待返回首个字节的时间。包含了与服务器之间一个来回响应的时间和等待首个字节被返回的时间。
内容下载/content download:
用于下载响应的时间
百度看到了一篇文章通过开发者工具-网络排查响应时间过长的问题

https://blog.csdn.net/qq_41566366/article/details/133913692

在打开edge的 https://netlog-viewer.appspot.com/#import 时,打不开页面,奔溃。
如何排查什么原因引起的耗时慢,有什么工具如何具体分析在哪一步耗时慢!

  • 写回答

20条回答 默认 最新

  • 专家-赤兔[在线] 全栈领域优质创作者 2024-02-03 01:07
    关注
    获得0.45元问题酬金

    引自免费微信小程序:皆我百晓生

    在前端调用接口时遇到响应时间和内容下载时间过长的问题,可以从以下几个方面进行排查和分析:

    1. 网络环境

      • 检查当前的网络状况是否稳定,是否存在网络延迟或丢包的情况。
      • 确认前端应用与服务器之间的地理位置差异是否较大,这可能导致网络传输延迟增加。
    2. 后端服务性能

      • 使用Postman测试正常可能是因为请求压力较小或者测试环境与生产环境有差异。检查该接口在服务器端的实际处理耗时,包括数据库查询、业务逻辑处理等环节。
      • 查看服务器日志以获取更准确的执行时间点,确认是否存在某个环节导致响应变慢。
      • 如果后端支持Server Timing API,可以通过开发者工具查看具体的服务器内部计时数据,进一步定位问题所在。
    3. CDN或代理缓存

      • 如果接口资源被托管在CDN上,确认CDN节点是否存在问题或配置不合理,导致请求被重定向或者等待时间过长。
      • 检查是否有代理服务器或负载均衡器的影响,它们可能会引入额外延迟。
    4. 前端代码优化

      • 检查前端发起HTTP请求的方式,如并发请求数量、请求头设置(比如Keep-Alive)、请求超时设置等是否合理。
      • 分析Network面板中每个阶段的具体耗时,查看是否有不必要的DNS查找、TCP连接建立等过程耗时过多。
    5. 使用工具分析

      • 利用浏览器开发者工具(例如Chrome DevTools)中的Network面板详细分析请求流程,关注Queueing(队列)、Stalled(停滞)、Initial connection(初始连接)、SSL handshake(SSL握手)、Request sent(请求发送)以及Waiting (TTFB)(等待第一个字节的时间)等各个阶段的耗时情况。
      • 尝试使用第三方工具,虽然你提到Edge的"netlog-viewer.appspot.com"打不开,但可以尝试其他类似工具来解析NetLog文件,分析网络请求的具体步骤。
    6. 模拟测试

      • 在不同的时间段和用户访问高峰时段进行多次重复测试,观察是否有规律性的响应时间延长现象。
      • 可以使用压测工具(如JMeter、LoadRunner等)模拟高并发场景下的请求,观察系统性能瓶颈。

    针对上述分析,若发现是后端处理问题,需要后端开发人员协助定位具体耗时模块;如果是网络问题,则需联系运维团队优化网络架构;若前端存在可优化空间,则对前端请求策略进行调整。

    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 2月11日
  • 创建了问题 2月3日

悬赏问题

  • ¥200 csgo2的viewmatrix值是否还有别的获取方式
  • ¥15 Stable Diffusion,用Ebsynth utility在视频选帧图重绘,第一步报错,蒙版和帧图没法生成,怎么处理啊
  • ¥15 请把下列每一行代码完整地读懂并注释出来
  • ¥15 pycharm运行main文件,显示没有conda环境
  • ¥15 寻找公式识别开发,自动识别整页文档、图像公式的软件
  • ¥15 为什么eclipse不能再下载了?
  • ¥15 编辑cmake lists 明明写了project项目名,但是还是报错怎么回事
  • ¥15 关于#计算机视觉#的问题:求一份高质量桥梁多病害数据集
  • ¥15 特定网页无法访问,已排除网页问题
  • ¥50 如何将脑的图像投影到颅骨上