1. 背景 众所周知，小程序主包的大小限制在 2M 以内，对于日益庞大的工程项目，开发者们无所不用其极地进行优化。原生小程序基本采用gulp进行构建，能否在gulp构建流程中做文章，达到“优化”的目的。 首先明确gulp构建优化的目的是压缩小程序包体积，提升用户开发体验。作者在…

京喜小程序自去年双十一上线微信购物一级入口后，时刻迎接着亿级用户量的挑战，细微的体验细节都有可能被无限放大，为此，“极致的页面性能”、“友好的产品体验” 和 “稳定的系统服务” 成为了我们开发团队的最基本执行原则。 首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我…

任何可以用 JavaScript 来编写的应用，最终都将用 JavaScript 来编写。那么同样的，任何可以用小程序来实现的产品，最终都将用小程序来实现。

在开发微信小程序的过程中，随着业务逻辑日渐庞大之后，突显了一些问题。 首先我们发现在 dev mode 时，本地包大小已经达到了 4m+，这种情况下，已经无法在 dev mode 使用真机调试了。 其次此时，小程序 build 后也有 1.8M 左右。而且后续还有相当多的业务需…

我们都知道，性能的好坏直接影响用户的体验。本文首先论述下如何评判一个小程序页面的性能情况，之后通过具体的案例重点讲解下几点实践技巧，最后再讲讲key值在渲染一个列表时发挥了一个怎么样的作用，以此来论述为啥key值对性能提升有帮助。 由于小程序开发环境的特殊性，我们不能像普通网页…

俗话说“不怕自己写代码，就怕改别人的代码”，一言不和就改到你吐血，所以为了别人好，也为了自己好，代码规范，从我做起。 在开发之前，首先要明确你要做什么，不要一上来就是干，咱们先把项目结构搭好。一般来说，开发工具初始化的项目基本可以满足需求，如果你的项目比较复杂又有一定的结构的话…

1. 使用小程序时，是否会经常遇到如下问题？ 2. 我们优化的方向有哪些？ 3. 启动加载性能 1. 首次加载 小程序启动时，微信会为小程序展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。此时，微信会在背后完成几项工作：下载小程序代码包、加载小程序代码包、初…