前端性能优化

如何做到前端性能优化

服务器角度

• 采取CDN加速
• 开启gzip压缩
• 允许使用强缓存或协商缓存
• 增加服务器带宽

客户端角度

• 合理组织CSS、JavaScript代码位置
• 减少DOM操作、添加事件委托
• 部分操作可设置防抖和节流
• 对于可预见的操作采取preload或prerender的预加载
• 对于图片可以懒加载
• 合并CSS图片（精灵图/雪碧图）
• 减少使用iframe

资源优化打包角度

• 使用打包工具将Js文件、CSS文件和静态文件进行恰当打包处理。