基于qiankun框架实现页面响应速度优化

本文介绍了基于qiankun框架的SAAS平台优化过程,主要措施包括禁止预加载子应用资源,仅在使用时加载,通过gzip压缩打包文件以提升加载速度,并从代码层面进行优化,提高用户体验和开发效率。
摘要由CSDN通过智能技术生成

背景

公司平台是基于qiankun搭建的SAAS平台。平台包含了 应用中心,财务中心,系统管理 等十个子应用,所以整个平台的体量是庞大的。初始阶段,平台的加载速度非常的缓慢,会有很长的空白期,非常影响用户体验和开发效率。
为了提高用户体验度,团队对平台进行了一系列优化,包括响应速度。

在这里插入图片描述

优化思路

  1. qiankun 在初始化阶段,禁止预加载,只在唤起子应用时进行加载当前子应用文件
  2. 压缩打包文件
  3. 代码层面优化

优化方法及代码实现

一、平台是基于qiankun 来实现多个团队协同开发的,是一个主应用挂载多个子应用,但是在页面响应时,是不需要把所有子应用的静态资源进行预加载,否则体量太大,会导致页面持续白屏。
理想状态下,是在使用到某个子应用的同时,加载当前子应用的文件包,这样,分批次小体量的加载,在减缓服务器压力的同时,提升加载速度
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值