小程序性能优化：首屏、分包与图片加载

2018 年小程序商城的竞争，很大程度上是加载速度的竞争。我们的经验是，首屏时间每减少一点，转化就会好一点。

首屏要什么

首屏只加载用户第一眼需要的内容：主导航、核心商品或活动。其余内容等进入视口再请求，不要一次把首页所有模块的数据都拉回来。

分包的价值

把非核心页面拆到分包里按需加载，可以明显缩短主包体积。但要注意分包之间的公共资源不要重复打包，否则体积不降反升。

图片是最大头

统一使用合适的尺寸与格式，列表页用缩略图，详情页再加载大图；开启懒加载与占位图，避免布局抖动影响点击。

接口层面的优化

合并重复请求、减少串行调用、给列表做分页与缓存。很多页面慢，问题其实在后端接口数量，而不是前端代码。

怎么衡量

用真机在中低端安卓机型上测，不只看开发机的表现；重点记录首屏渲染时间、页面切换时间与接口平均耗时。