setData

setData是小程序开发中使用最频仍的接口，，也是最容易引发性能问题的接口。。。在介绍常见的过失用法前，，先简朴介绍一下setData背后的事情原理。。。

事情原理

小程序的视图层现在使用 WebView 作为渲染载体，，而逻辑层是由自力的 JavascriptCore 作为运行情形。。。在架构上，，WebView 和 JavascriptCore 都是自力的模？？？？，，并不具备数据直接共享的通道。。。目今，，视图层和逻辑层的数据传输，，现实上通过双方提供的evaluateJavascript所实现。。。即用户传输的数据，，需要将其转换为字符串形式转达，，同时把转换后的数据内容拼接成一份 JS 剧本，，再通过执行 JS 剧本的形式转达到双方自力情形。。。

而evaluateJavascript的执行会受许多方面的影响，，数据抵达视图层并不是实时的。。。统一历程内的 WebView 现实上会共享一个 JS VM，，若是 WebView 内 JS 线程正在执行渲染或其他逻辑，，会影响 evaluateJavascript 剧本的现实执行时间，，另外多个 WebView 也会抢占 JS VM 的执行权限；；；；
；另外尚有 JS 自己的编译执行耗时，，都是影响数据传输速率的因素。。。

常见的 setData 操作过失

1. 频仍的去 setData

在我们剖析过的一些案例里，，部分小程序会很是频仍（毫秒级）的去setData，，其导致了两个效果：

• Android 下用户在滑动时会感受到卡顿，，操作反馈延迟严重，，由于 JS 线程一直在编译执行渲染，，未能实时将用户操作事务转达到逻辑层，，逻辑层亦无法实时将操作处理效果实时转达到视图层；；；；
  ；
• 渲染有泛起延时，，由于 WebView 的 JS 线程一直处于忙碌状态，，逻辑层到页面层的通讯耗时上升，，视图层收到的数据新闻时距离发出时间已经已往了几百毫秒，，渲染的效果并不实时；；；；
  ；

2. 每次 setData 都转达大宗新数据

由setData的底层实现可知，，金狮贵宾会数据传输现实是一次evaluateJavascript剧本历程，，当数据量过大时会增添剧本的编译执行时间，，占用 WebView JS 线程。。。

3. 后台态页面举行 setData

当页面进入后台态（用户不可见），，不应该继续去举行setData，，后台态页面的渲染用户是无法感受的，，另外后台态页面去setData也会抢占前台页面的执行。。。

图片资源

现在图片资源的主要性能问题在于大图片和长列表图片上，，这两种情形都有可能导致 iOS 客户端内存占用上升，，从而触发系统接纳小程序页面。。。

图片对内存的影响

在 iOS 上，，小程序的页面是由多个 WKWebView 组成的，，在系统内存主要时，，会接纳掉一部分 WKWebView。。。从已往我们剖析的案例来看，，大图片和长列表图片的使用会引起 WKWebView 的接纳。。。

图片对页面切换的影响

除了内存问题外，，大图片也会造成页面切换的卡顿。。。我们剖析过的案例中，，有一部分小程序会在页面中引用大图片，，在页面退却切换中会泛起掉帧卡顿的情形。。。

目今我们建议开发者只管镌汰使用大图片资源。。。

代码包巨细的优化

小程序一最先时代码包限制为 1MB，，但我们收到了许多反馈说代码包巨细不敷用，，经由评估后我们铺开了这个限制，，增添到 2MB 。。。代码包上限的增添关于开发者来说，，能够实现更富厚的功效，，但关于用户来说，，也增添了下载流量和外地空间的占用。。。

开发者在实现营业逻辑同时也有须要只管镌汰代码包的巨细，，由于代码包巨细直接影响到下载速率，，从而影响用户的首次翻开体验。。。除了代码自身的重构优化外，，还可以从这两方面着手优化代码大。。。

控制代码包内图片资源

小程序代码包经由编译后，，会放在微信的 CDN 上供用户下载，，CDN 开启了 GZIP 压缩，，以是用户下载的是压缩后的 GZIP 包，，其巨细比代码包原体积会更小。。。 但我们剖析数据发明，，差别小程序之间的代码包压缩比差别也挺大的，，部分可以抵达 30%，，而部分只有 80%，，而造成这部分差别的一个原因，，就是图片资源的使用。。。GZIP 对基于文本资源的压缩效果最好，，在压缩较大文件时往往可高达 70%-80% 的压缩率，，而若是对已经压缩的资源（例如大大都的图片名堂）则效果甚微。。。

实时整理没有使用到的代码和资源

在日常？？？？⒌氖奔，，我们可能引入了一些新的库文件，，而过了一段时间后，，由于种种原因又不再使用这个库了，，我们经常；；；
；嶂皇侨サ袅舜肜锏囊，，而遗忘删掉这类库文件了。。。现在小程序打包是会将工程下所有文件都打入代码包内，，也就是说，，这些没有被现实使用到的库文件和资源也会被打入到代码包里，，从而影响到整体代码包的巨细。。。