我的网站开发技术经验总结 我的网站开发技术经验总结
首页

fangdown

我的网站开发技术经验总结
首页
  • 大前端

    • nodejs

    • git

    • CI

    • 小程序

      • 说说对小程序的理解
      • 说说对小程序中生命周期的理解
      • 说说如何提高小程序的性能
        • 是什么
        • 优化手段
          • 加载
          • 渲染
          • setData同步异步?
      • 说说微信小程序的登录流程
      • 说说小程序页面跳转有哪些方式
    • docker

    • Typescript

    • webpack

    • 安全

  • 基础

  • 框架

  • 情商

  • 算法

  • 网络

  • 千锤百炼
  • 大前端
  • 小程序
fangdown
2021-10-26
目录

说说如何提高小程序的性能

# 是什么

小程序加载流程:

  • 小程序包是已经经过编译、压缩、打包后的包

# 优化手段

# 加载

  1. 控制包大小
  • 开发者工具,上传代码时,选择压缩
  • 清理无用的文件及代码
  • 减少静态资源的数量和大小
  1. 分包
  • 访问率高的页面放入主包,访问率低的放入子包
  • 子包不要太大, 采用预加载技术(preloadRule配置), 不需要等用户点击才加载

# 渲染

  1. 网络请求
  • 在onLoad时就可以去请求
  • 尽量减少不必要的https请求, 可以使用g(s)etStorageSync缓存
  • 可以将页面的数据进行传值,进行首次渲染
  1. setData
  • 不要频繁是用setData
  • setData只放渲染相关字段, 其他字段可以放入page中
  • 自定义组件,处理复杂模块,自定义组件更新不影响页面其他元素更新

# setData同步异步?

  • 数据从逻辑层发送到视图层是异步的
  • 改变this.data是同步的
#小程序
上次更新: 2021/12/19, 18:05:42
说说对小程序中生命周期的理解
说说微信小程序的登录流程

← 说说对小程序中生命周期的理解 说说微信小程序的登录流程→

最近更新
01
多分支修复撞车的问题
05-01
02
如何成为架构师
01-23
03
服务器部署全过程
11-23
更多文章>
Theme by Vdoing | Copyright © 2019-2026 fangdown | 粤ICP备19079809号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式