微信小程序性能优化：首屏加载与渲染提速指南

小程序加载慢、列表卡顿，是用户流失的主要原因之一。以下从渲染性能、网络性能、代码体积三个维度给出可落地的优化方案。

【一、控制首屏渲染时间】

首屏时间决定用户第一感受。核心措施包括：启用本地包缓存（preloadRule），预加载关键页面；合理使用骨架屏替代白屏等待；减少启动时同步请求，改为异步预加载非关键数据；善用 wx.getStorageSync 做本地数据缓存，减少重复网络请求。

【二、列表渲染优化】

渲染长列表是最常见的性能瓶颈。关键原则：禁止在 wxml 中调用方法（如 item.subTotal(item)），每个方法调用都会触发整个列表重渲染；使用 wx:key 指定列表项唯一标识；大数据列表采用分页加载而非一次性渲染全部；及时清理不再显示的列表数据，释放内存。

【三、网络请求优化】

合并请求：将多个业务接口合并为一次请求，减少网络往返次数。请求域名启用 HTTP/2，减少 TCP 连接建立开销。图片使用 CDN 压缩并适配不同屏幕宽度。启用 DNS 预解析（sitemap 正确配置可加速域名解析）。

【四、包体积控制】

小程序主包限制 2MB，分包后总上限 20MB。优化策略：按需引用组件，避免全部组件在主包；抽离公共样式和方法为独立模块；图片资源压缩后再上传；将不含逻辑的纯数据 JSON 文件移入分包。

【五、性能监控】

上线后持续监控至关重要。通过小程序数据分析后台关注"启动耗时"和"页面白屏时间"两个核心指标，结合前端 performance API 采集真实用户数据，针对性迭代。