FE Workflow
standard-optimize>js

代码层面

执行

  • 避免内存泄漏(全局变量、闭包、DOM 元素的引用、定时器、控制台打印)
  • 有繁重计算的代码抽离到 Web Worker

渲染

  • 分批渲染使用 requestAnimationFrame 代替 setTimeout
  • 页面添加多个元素时,使用 DocumentFragment 组装后一次性添加到页面

脚本

  • 使用 asyncdefer 属性加载脚本
  • 使用 preloadprefetch 属性加载脚本
代码层面
执行
渲染
脚本