前端性能优化

前端性能优化的目的提高页面的加载速度，优化用户的访问体验

页面内容方面：

1. 通过文件合并，css雪碧图，base64的方式减少http请求，避免过多请求造成等待的情况
2. 通过DNS缓存机制减少DNS查询
3. 设置缓存策略，对常用不变的资源进行缓存
4. 延迟加载，减少页面首屏加载时需要请求的资源
5. 通过用户的行为，对某些资源使用预加载的方式，提高用户需要访问资源时的响应速度

服务器方面：

1. 使用CDN服务，提高用户对于资源请求时的响应速度
2. 服务器端启用Gzip,Dflate等方式对传输资源进行压缩，减少文件体积
3. 尽可能减少cookie的大小，将静态资源分配到其他域下，避免对静态资源请求时携带不必要的cookie

Js和css方面

1. 把样式表放到页面的head标签中，减少页面的首次渲染时间
2. 避免使用@import
3. 尽量把js脚本放到底部，或使用async, defer属性，避免脚本的加载和执行阻塞页面的渲染
4. 对js和css文件压缩，减小文件的体积
5. 减少重绘重排