从哪些点做性能优化
加载
- 减少http请求(精灵图、文件的合并)
- 减小文件大小(资源压缩,图片压缩,代码压缩)
- CDN(第三方库,大文件、大图)
- SSR服务端渲染、预渲染
- 懒加载(实现一个乞丐版懒加载)
- 分包(加快主页的加载)
减少DOM操作,避免回流,文档碎片
内存泄漏及优化
过多的缓存未释放
闭包太多未释放
定时器或者回调太多未释放
javascriptvar someResource = getData() setInterval(function() { var node = document.getElementById('Node') if(node) { node.innerHTML = JSON.stringify(someResource) // 定时器没有清除,可以清除掉 } // node,someResource存储了大量数据,无法回收 }, 1000)
太多无效的DOM未释放
全局变量太多未被发现(减少不必要的全局变量,使用严格模式避免意外的全局变量)