让小程序坐上火箭
微信小程序的性能优化,优化的是什么?达到什么样的指标可以告一段落?
就像判断一个人在技术上是否成熟?我们通常问一到两个问题,就可以判断出这个人是青涩还是成熟。比如世界上最好的语言是什么?又或者世界上最牛的编辑器是什么?
如果他脱口而出PHP、Java、C或者JavaScript、Go,任意一种,那你可以把他归为青涩;同样,最牛的编辑器是VIM、Emacas、Sublime、VSCode,而争的面红耳赤,甚至上升到信仰的高度,同样可以归为青涩。所以,青涩or成熟的指标是什么?速度,完成任务的速度。在合适场景下选取合适工具,以最快的速度完成,代表了你在技术上是否成熟,时间远比语言或编辑器的排序重要多了。
判断一个人在相处上是否成熟,应该看重什么?
钱?钱多代表成熟,钱少代表青涩,恐怕很多人都会反对。钱多代表占有的资源多,试错的机会多,钱少代表着要克制自己的欲望,要专注。
年龄?年龄大代表着成熟,年龄小代表着青涩,很难同意。流氓老了,坏人老了,也只会变成老流氓、老坏人,而不会变成成熟的老人。
脾气,我觉得是一个很重要的指标。让我们发脾气的原因是因为事情不在我们的控制范围内,所以用脾气大掩饰自己的手足无措。方式很拙,囧态毕现。
言归正传,小程序性能优化的指标是什么?
页面的加载速度(冷启动),小于1s
页面的切换速度,小于300ms
常见的优化手段有哪些?8个字——以小驮大,提前准备。
具体措施
将代码分为主包和子包,主包只包含tab下的页面,其他直接放进子包中
页面放进子包会让主包的体积减小,下载速度加快,但会牺牲页面切换的速度。此刻需要添加预加载规则,主页面加载的同时,按照策略加载子页面,这样可以弥补切换页面时间上的损耗。
代码压缩可以减小体积
图片、字体上cdn可以减小体积
图片的懒加载可以让页面尽快呈现
如果你的代码小于1.5MB,以上措施可以忽略,按照自己的喜好,肆意发挥就好。
如果你的年龄小于30岁,忽略是否成熟的指标,按照自己的性格来,尽情挥洒就好,这个世界对30岁以下的人很友好。



