首次热更优化方案：减少react-native-code-push热更包体积

好的，以下是关于react-native-code-push首次增量热更优化的文章：

引言

在移动应用开发中，为了快速修复bug、增加新特性，我们需要采用热更方案来替代传统的发版流程。而react-native-code-push作为一款优秀的热更方案，受到了许多开发者的青睐。它可以在不发布新版本的情况下，对App进行更新，从而实现快速修复bug和增加新特性的目的。

code-push在首次热更的时候会下载完整的Bundle压缩产物，非首次热更的时候会增量资源(diff图片).jsbundle文件还是完整的。通过观察我们的热更包首次已经达到了20mb(已经是压缩后的)是一个很恐怖的事情。用户在弱网的环境下失败几率就会增大，并且不能及时热更新，体验极差。所以我们对react-native-code-push进行了一系列的优化，将首次的热更包压缩到原来的五分之一。

首个热更新包采用增量更新

我们知道，code-push在首次热更的时候会下载完整的Bundle压缩产物，非首次热更的时候会增量资源(diff图片).jsbundle文件还是完整的。通过观察我们的热更包首次已经达到了20mb(已经是压缩后的)是一个很恐怖的事情。所以我们对首次热更包也采用增量更新的方案，这样就可以大大减小首次热更包的大小。

利用缓存机制减少下载资源数量

code-push在热更的时候会下载必要的资源文件，如果这些资源文件已经被下载过，那么code-push就不会再下载这些资源文件。我们可以利用这个特性来减少下载资源的数量。具体来说，我们可以将已经下载过的资源文件缓存起来，当code-push需要下载这些资源文件的时候，我们可以直接从缓存中读取这些资源文件，而不需要再从网络上下载这些资源文件。

使用gzip压缩减少热更包体积

code-push在热更的时候会将资源文件打包成一个热更包，然后将热更包发送到客户端。为了减小热更包的大小，我们可以使用gzip压缩来对热更包进行压缩。gzip压缩是一种无损压缩算法，它可以将数据压缩到原来的三分之一到二分之一。

优化资源粒度，只更新必要的代码块

code-push在热更的时候会将所有改动的代码都打包进热更包中，然后将热更包发送到客户端。为了减小热更包的大小，我们可以优化资源粒度，只更新必要的代码块。具体来说，我们可以将代码块划分为不同的粒度，然后只更新改动的代码块。

使用sourceMaps压缩diff包大小

code-push在热更的时候会生成一个diff包，diff包中包含了改动的代码块。为了减小diff包的大小，我们可以使用sourceMaps来压缩diff包。sourceMaps是一种源代码映射文件，它可以将编译后的代码映射到源代码。当我们使用sourceMaps来压缩diff包的时候，我们只需要将改动的代码块映射到源代码中，然后将源代码压缩成diff包。这样就可以大大减小diff包的大小。

仅在首次热更过程中下载主包diff，非首次热更仅下载非主包diff

code-push在热更的时候会下载主包diff和非主包diff。主包diff包含了改动的主包代码块，非主包diff包含了改动的非主包代码块。为了减小首次热更包的大小，我们可以仅在首次热更过程中下载主包diff，非首次热更仅下载非主包diff。

总结

本文档了首次热更优化方案，可将react-native-code-push热更包体积减少到原来的五分之一，进而提升用户的体验。首次热更优化方案包括：首个热更新包采用增量更新；利用缓存机制减少下载资源数量；使用gzip压缩减少热更包体积；优化资源粒度，只更新必要的代码块；使用sourceMaps压缩diff包大小；仅在首次热更过程中下载主包diff，非首次热更仅下载非主包diff。