前端优化网页加载性能

如何做到前端性能优化

服务器角度

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

客户端角度

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

资源优化打包角度

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