本文介绍了在微信环境中使用Ionic框架时遇到的性能挑战，通过按需加载和项目拆分来优化加载速度。作者探讨了按需加载的思路，包括仅加载首页文件，动态下载新界面，以及如何处理文件相关性和独立压缩。此外，文章还提及了通过grunt进行文件压缩的解决方案。
对于微信端来说，其实使用ionic是一个比较大的前端框架。
有更多比较轻量化的前端框架可以选择。
但是使用ionic有一个明显的优点就是，能够做到一端开发，三端同步上线。
这个梗说了好多遍了，但确实是这样子的，ios和安卓都能跑了，为什么在公司的微信公众号，还要再重新开发呢。
这就是我一开始研究这个解决方案的初衷。
其实在这个方向的研究目的并不是要在性能上达到一个很好的高度，而是在首页打开速度上要取得明显的时间优势。
最开始使用requestjs把所有的文件压缩打包成一个文件，这个方案在项目还很小或者说还不是很大的时候，
将多文件小文件压缩成少文件较大文件，确实较少了网络下载请求的时间同时也变相的提速了开始应用的时间。
但是当项目中加入了微信授权，这个过程会增加3秒左右的进入首页的时间。
然后当项目越做越大，被压缩后的文件越来越大，使得网络下载时间增加，
从点击链接，进入页面，开始下载文件，下载完成，进行微信授权，授权完成页面跳转回来，再加载缓存文件（可能还重新下载），最后启动项目，进入首页。
这样一个过程，像我们公司项目比较大的时候，在安卓端（以下说的时间基本上都是指在安卓手机
订阅专栏 解锁全文
扫一扫
5643
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
