分包加载
分包加载的使用场景
- 程序包的大小超过2M
- 首页加载缓慢
分包优化
- 除页面可以分包配置,静态文件、js 也可以配置分包,可以进一步优化落地页加载速度
- 在
manifest.json
中对应平台下配置"optimization":{"subPackages":true}
来开启分包优化
// manifest.json源码
{
...,
"mp-weixin" : { // 以微信为例,如有其他平台需要分别添加
...,
"optimization" : {
"subPackages" : true
}
}
}
- 不影响首页加载的情况下,配置分包预加载
是否使用 Nvue
Nvue 开发
- 使用场景
- 需要高性能的区域长列表或瀑布流滚动
- 复杂高性能的自定义下拉刷新
- 左右拖动的长列表
- 实现区域滚动长列表+左右拖动列表+吸顶的复杂排版效果
- 如需要将软键盘右下角按钮文字改为“发送”
- 解决前端控件无法覆盖原生控件的层级问题
- 对 App 启动速度要求极致化
注: 在某些场景下,nvue 不如 vue 页面(1、canvas 2、动态横竖屏)
- 优点
原生渲染,性能优势明显,启用纯原生渲染模式(manifest
里设置app-plus
下的renderer:"native"
) 可进一步减少打包体积(去除了小程序 webview 渲染相关模块)
......