面试官：说说提高微信小程序的应用速度的手段有哪些？

[linwu-hi]

面试官：说说提高微信小程序的应用速度的手段有哪些？

您好,提高微信小程序应用速度的主要手段可以概括如下:

一、加载优化

• 控制代码包体积,及时清理无用代码
• 使用子包按需加载,减少主包体积
• 预加载子包,避免首次点击卡顿

二、渲染优化

• onLoad阶段发请求,不等待onReady
• 缓存本地数据,减少不必要的网络请求
• 合并setData调用,避免频繁刷新界面
• 抽离自定义组件,减少主界面渲染压力

三、首屏优化

• 预请求数据,利用缓存数据构建首屏
• 采用骨架屏 placeholders 占位
• 提前预加载资源包

四、启动优化

• 显示加载图标避免白屏
• 合理制定启动图片大小

五、长列表优化

• 虚拟列表,减少DOM节点
• 预加载可视区域外图片
• 图片懒加载,滚动到可视区再加载

六、打包策略

• 压缩代码,上传时启用代码压缩
• 按功能拆分子包
• 删除无用文件,精简资源体积

综上,通过加载、渲染、启动各阶段的优化,可以有效提升小程序的整体运行速度和流畅度。

[hellodigua]

预加载可视区域外图片
图片懒加载,滚动到可视区再加载

这两条优化方式冲突的吧？