ionic入门教程第十六课-在微信中使用ionic的解决方案(按需加载加强版)

对于微信端来说,其实使用ionic是一个比较大的前端框架。

有更多比较轻量化的前端框架可以选择。

但是使用ionic有一个明显的优点就是,能够做到一端开发,三端同步上线。

这个梗说了好多遍了,但确实是这样子的,ios和安卓都能跑了,为什么在公司的微信公众号,还要再重新开发呢。

这就是我一开始研究这个解决方案的初衷。

其实在这个方向的研究目的并不是要在性能上达到一个很好的高度,而是在首页打开速度上要取得明显的时间优势。


最开始使用requestjs把所有的文件压缩打包成一个文件,这个方案在项目还很小或者说还不是很大的时候,

将多文件小文件压缩成少文件较大文件,确实较少了网络下载请求的时间同时也变相的提速了开始应用的时间。

但是当项目中加入了微信授权,这个过程会增加3秒左右的进入首页的时间。

然后当项目越做越大,被压缩后的文件越来越大,使得网络下载时间增加,

从点击链接,进入页面,开始下载文件,下载完成,进行微信授权,授权完成页面跳转回来,再加载缓存文件(可能还重新下载),最后启动项目,进入首页。

这样一个过程,像我们公司项目比较大的时候,在安卓端(以下说的时间基本上都是指在安卓手机上的时间,在ios上,只要不是网络问题,都挺快的)需要24-37秒钟。

当然这个24秒还包含了在首页加载太多的业务的关系。反正我刚接手的时候是这个时间。

一开始我的尝试优化的方案是把微信授权的文件和主体的文件分离,首先下载一个小文件,进行微信授权,授权完毕,

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值