Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
T treasure
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 14
    • Issues 14
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • External wiki
    • External wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • FE
  • treasure
  • Issues
  • #93

Closed
Open
Created Jun 27, 2022 by JayChen@JayChenOwner

首屏加载,接口响应很慢,超过了1-2秒

背景

image
项目到容器化之后,突然发现接口响应很慢,尤其是在首屏时更名明显,一个简单的接口都需要2秒以上

原因猜测

1、服务端接口问题

但是根据服务端自测,接口速度是很快的

2、接口转发问题

查询后发现,接口转发并未做过多时间消耗

具体分析

1、通过 chrome net log 分析

image
同样未发现有什么问题

2、通过response头对比

image
左侧是老项目接口,右侧是容器化后的所有新项目接口情况
发现未开启接口压缩功能且未开启缓存。
和运维沟通过,对ingress进行优化,开启了gzip压缩,并开启了 cache-control相关,但仅仅是提速了,未彻底解决问题

3、前端资源加载及渲染进程阻塞导致接口挂起

发现前端资源文件打包后,比较巨大,并且明显存在debug类代码痕迹

解决问题

通过对打包配置,开启 devtools=false以及关闭css的soureMap,之后接口速度从2秒直接提速到了 50ms左右

Edited Jul 01, 2022 by JayChen
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking