Skip to content

从哪些点做性能优化

加载

  1. 减少http请求(精灵图、文件的合并)
  2. 减小文件大小(资源压缩,图片压缩,代码压缩)
  3. CDN(第三方库,大文件、大图)
  4. SSR服务端渲染、预渲染
  5. 懒加载(实现一个乞丐版懒加载)
  6. 分包(加快主页的加载)

减少DOM操作,避免回流,文档碎片

内存泄漏及优化

  1. 过多的缓存未释放

  2. 闭包太多未释放

  3. 定时器或者回调太多未释放

    javascript
    var someResource = getData()
    setInterval(function() {
      var node = document.getElementById('Node')
      if(node) {
        node.innerHTML = JSON.stringify(someResource)
        // 定时器没有清除,可以清除掉
      }
      // node,someResource存储了大量数据,无法回收
    }, 1000)
  4. 太多无效的DOM未释放

  5. 全局变量太多未被发现(减少不必要的全局变量,使用严格模式避免意外的全局变量)