分包加载

分包加载的使用场景

  1. 程序包的大小超过2M
  2. 首页加载缓慢

分包优化

  1. 除页面可以分包配置,静态文件、js 也可以配置分包,可以进一步优化落地页加载速度
  2. manifest.json 中对应平台下配置 "optimization":{"subPackages":true} 来开启分包优化
// manifest.json源码
{
  ...,
  "mp-weixin" : { // 以微信为例,如有其他平台需要分别添加
    ...,
    "optimization" : {
      "subPackages" : true
    }
  }
}
  1. 不影响首页加载的情况下,配置分包预加载open in new window

是否使用 Nvue

Nvue 开发

  • 使用场景
    1. 需要高性能的区域长列表或瀑布流滚动
    2. 复杂高性能的自定义下拉刷新
    3. 左右拖动的长列表
    4. 实现区域滚动长列表+左右拖动列表+吸顶的复杂排版效果
    5. 如需要将软键盘右下角按钮文字改为“发送”
    6. 解决前端控件无法覆盖原生控件的层级问题
    7. 对 App 启动速度要求极致化

注: 在某些场景下,nvue 不如 vue 页面(1、canvas 2、动态横竖屏)

  • 优点
    原生渲染,性能优势明显,启用纯原生渲染模式( manifest 里设置 app-plus 下的 renderer:"native" ) 可进一步减少打包体积(去除了小程序 webview 渲染相关模块)

......

上次更新:
贡献者: QingYiXiaoYao