使用uni-app开发原生APP之提升APP打开的速度

0 阅读2分钟

一、我自己都嫌弃

最近不是在用uni-app写原生APP嘛,在开发的时候都没什么感觉,等到打正式包的时候发现一个很离谱的事情:首次启动APP的速度巨慢!!!,平均下来启动都要6s的程度。这样的APP,我打开后下一步应该是卸载了

二、文档推荐的不一定适合

从使用上来看,APP打开的步骤是:APP启动 -> 展示软件logo页面 -> 软件logo页面消失 -> 进入首页,现在的问题就是页面在展示软件logo页面这个步骤停留的时间太久了。找到了问题所在,直奔文档!

uni-app有一个启动界面的配置,其中有个等待首页渲染完毕后再关闭Splash图,官方是推荐勾选的

image.png

勾选后需要等待首页渲染完成后再关闭启动界面,即软件logo页面消失。这是一种等所有东西准备好了才展示给用户的方式,但是牺牲了启动速度,用户体验反而大大下降

三、还是快点给用户看到

知道了原因,那就很容易解决了

1.不勾选等待首页渲染完毕后再关闭Splash图启动界面显示等待雪花

image.png

2.再配置一下JSON,把autoclose设置为false

image.png

3.在App.vue中手动关闭

image.png

正如文档所说,不勾选等待首页渲染完毕后再关闭Splash图,在部分设备确实会闪一下白屏,所以添加一个延迟,至于延迟多少,按照自己的软件调一个合适的时间即可

4.上面的操作过后,首次启动时间平均在2s,终于不用打开就卸载了