燚轩科技 助力中小型企业
关注行业新闻 把握时代脉搏
郑州小程序开发专家教你怎么提升小程序性能
小程序的流畅程度很大程度上是由其部件的组成来决定的,那么我们怎么通过手段来增强小程序的性能呢?今天郑州小程序开发专家带大家了解一下吧。
图片资源
目前图片资源的主要性能问题在于大图片和长列表图片上,这两种情况都有可能导致 iOS 客户端内存占用上升,从而触发系统回收小程序页面。
图片对内存的影响
在 iOS 上,小程序的页面是由多个 WKWebView 组成的,在系统内存紧张时,会回收掉一部分 WKWebView。从过去我们分析的案例来看,大图片和长列表图片的使用会引起 WKWebView 的回收。
图片对页面切换的影响
除了内存问题外,大图片也会造成页面切换的卡顿。我们分析过的案例中,有一部分小程序会在页面中引用大图片,在页面后退切换中会出现掉帧卡顿的情况。
当前我们建议开发者尽量减少使用大图片资源。
代码包大小的优化
小程序一开始时代码包限制为 1MB,但我们收到了很多反馈说代码包大小不够用,经过评估后我们放开了这个限制,增加到 2MB 。代码包上限的增加对于开发者来说,能够实现更丰富的功能,但对于用户来说,也增加了下载流量和本地空间的占用。
开发者在实现业务逻辑同时也有必要尽量减少代码包的大小,因为代码包大小直接影响到下载速度,从而影响用户的首次打开体验。除了代码自身的重构优化外,还可以从这两方面着手优化代码大小:
控制代码包内图片资源
小程序代码包经过编译后,会放在微信的 CDN 上供用户下载,CDN 开启了 GZIP 压缩,所以用户下载的是压缩后的 GZIP 包,其大小比代码包原体积会更小。 但我们分析数据发现,不同小程序之间的代码包压缩比差异也挺大的,部分可以达到 30%,而部分只有 80%,而造成这部分差异的一个原因,就是图片资源的使用。GZIP 对基于文本资源的压缩效果最好,在压缩较大文件时往往可高达 70%-80% 的压缩率,而如果对已经压缩的资源(例如大多数的图片格式)则效果甚微。
及时清理没有使用到的代码和资源
在日常开发的时候,我们可能引入了一些新的库文件,而过了一段时间后,由于各种原因又不再使用这个库了,我们常常会只是去掉了代码里的引用,而忘记删掉这类库文件了。目前小程序打包是会将工程下所有文件都打入代码包内,也就是说,这些没有被实际使用到的库文件和资源也会被打入到代码包里,从而影响到整体代码包的大小。
希望郑州小程序开发专家分享的这些内容,能够帮助大家更好你的优化小程序的性能。
目前图片资源的主要性能问题在于大图片和长列表图片上,这两种情况都有可能导致 iOS 客户端内存占用上升,从而触发系统回收小程序页面。
图片对内存的影响
在 iOS 上,小程序的页面是由多个 WKWebView 组成的,在系统内存紧张时,会回收掉一部分 WKWebView。从过去我们分析的案例来看,大图片和长列表图片的使用会引起 WKWebView 的回收。
图片对页面切换的影响
除了内存问题外,大图片也会造成页面切换的卡顿。我们分析过的案例中,有一部分小程序会在页面中引用大图片,在页面后退切换中会出现掉帧卡顿的情况。
当前我们建议开发者尽量减少使用大图片资源。
代码包大小的优化
小程序一开始时代码包限制为 1MB,但我们收到了很多反馈说代码包大小不够用,经过评估后我们放开了这个限制,增加到 2MB 。代码包上限的增加对于开发者来说,能够实现更丰富的功能,但对于用户来说,也增加了下载流量和本地空间的占用。
开发者在实现业务逻辑同时也有必要尽量减少代码包的大小,因为代码包大小直接影响到下载速度,从而影响用户的首次打开体验。除了代码自身的重构优化外,还可以从这两方面着手优化代码大小:
控制代码包内图片资源
小程序代码包经过编译后,会放在微信的 CDN 上供用户下载,CDN 开启了 GZIP 压缩,所以用户下载的是压缩后的 GZIP 包,其大小比代码包原体积会更小。 但我们分析数据发现,不同小程序之间的代码包压缩比差异也挺大的,部分可以达到 30%,而部分只有 80%,而造成这部分差异的一个原因,就是图片资源的使用。GZIP 对基于文本资源的压缩效果最好,在压缩较大文件时往往可高达 70%-80% 的压缩率,而如果对已经压缩的资源(例如大多数的图片格式)则效果甚微。
及时清理没有使用到的代码和资源
在日常开发的时候,我们可能引入了一些新的库文件,而过了一段时间后,由于各种原因又不再使用这个库了,我们常常会只是去掉了代码里的引用,而忘记删掉这类库文件了。目前小程序打包是会将工程下所有文件都打入代码包内,也就是说,这些没有被实际使用到的库文件和资源也会被打入到代码包里,从而影响到整体代码包的大小。
希望郑州小程序开发专家分享的这些内容,能够帮助大家更好你的优化小程序的性能。
版权与免责声明
郑州APP开发,郑州小程序开发燚轩软件科技有限公司声明:如发现内容存在版权问题,烦请提供相关信息发邮件至854221200@qq.com,我们将及时沟通处理。本站内容源于网络,涉及内容、言论与本站无关
分享到微信朋友圈
+
打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。 如何使用?
推荐文章
微信小程序开发为何成为多数企业的创业首选
燚轩科技    ·
04月28日
·    微信小程序开发
那么基本上都是实体店+线下销售,这对于大多数的商家而言,则是实实在在的赚到了钱,但是随着电商...
燚轩科技    ·
04月28日
·    微信小程序开发
5105
阅读量
小程序开发定制教育类,郑州小程序开发好吗
燚轩科技    ·
09月07日
·    小程序开发定制教育类,郑州小程序开发
育类需要多少钱呢?对于教育行业来说,开发小程序显然优势是非常多的,而且教育行业适合的是定制的...
燚轩科技    ·
09月07日
·    小程序开发定制教育类,郑州小程序开发
5050
阅读量
小程序开发的内行人告诉你,开发小程序VS运营小程序
燚轩科技    ·
09月12日
·    郑州小程序开发,郑州小程序制作,郑州小程序开发公司
来说,运营一个小程序与之相比哪个更加重要呢?这一问题没有确切的答案,如果你不开发小程序,那你...
燚轩科技    ·
09月12日
·    郑州小程序开发,郑州小程序制作,郑州小程序开发公司
4868
阅读量
郑州企业开发的智慧公寓小程序有什么开发前景和功能可以参考
燚轩科技    ·
12月03日
·    小程序开发,郑州小程序制作 小程序开发公司
发现近年来房屋租赁市场暴雷的不少,行业发展亟待规范。为了使房屋租赁市场更加透明,减少双方的居...
燚轩科技    ·
12月03日
·    小程序开发,郑州小程序制作 小程序开发公司
5440
阅读量
为何它能风靡?app小程序的魅力分析
燚轩科技    ·
02月02日
·    郑州app小程序开发定制公司
便捷性、低门槛、丰富功能以及强大的社交属性,成功地在移动互联网市场中占据了重要地位,成为了人...
燚轩科技    ·
02月02日
·    郑州app小程序开发定制公司
1954
阅读量
郑州微信小程序开发怎么回事,好不好如何判断
燚轩科技    ·
12月21日
·    郑州小程序开发
不好这个问题,并不是两三句话就能说清楚的,按照目前小程序开发行业的发展来看,小程序的未来需求...
燚轩科技    ·
12月21日
·    郑州小程序开发
5059
阅读量
首页
方案
资讯
知库




