前端优化之electron启动，白屏时间过长问题

前端优化之electron启动，白屏时间过长问题

1
窗口先创建后隐藏，初始化后再展示`。

 mainWindow = new BrowserWindow({
    height: 600,
    width: 960,
    frame: false,
    minWidth: 710,
    minHeight: 500,
    offscreen: true,
    webPreferences: {webSecurity: false},
    resizable: true,
    skipTaskbar: false,
    flashFrame: true,
    show: false // newBrowserWindow创建后先隐藏
  })
  mainWindow.openDevTools() // 开发者工具
  mainWindow.loadURL(winURL)
  mainWindow.on('ready-to-show', function () {
    mainWindow.show() // 初始化后再显示
  })

 mainWindow.show() // 初始化后再显示

2 按需加载模块，把不需要马上用到的模块推迟到要用时候引入，避免头部文件一次性引入过多依赖，页面加载过于臃肿
3 web性能优化，electron客户端是基于h5页面开发，优雅简洁高性能代码对启动速度锦上添花
4使用node.js子进程，优化主进程负担，也可以new 一个Worker做线程上的处理，不过不可以和页面dom做交互，适用于用户频繁操作与缓存对比等场景