前端性能优化

前端性能优化是每一名前端必须会的技能，它直接影响着我们的用户，同时也影响着产品本身，前端优化应该按照实际情况来，不要照搬别人的方法，不出bug，这是最基本的要求。

请减少HTTP请求

http请求过多会消耗大量时间，会造成资源的浪费，且每个HTTP请求都会对服务器和浏览器产生性能负担，会让用户感到页面卡顿，用户体验不佳。

1. 合并图片，使用css sprites，降低图片数量，可以减少网站的HTTP请求数量，但是当整合图片比较大时，一次加载比较慢。
2. 合并压缩CSS和JS文件
3. 图片较多的页面也可以使用 lazyLoad (懒加载)技术等技术进行优化。
4. 将图片的内容以Base64格式内嵌到HTML中，可以减少HTTP请求数量
5. 使用字体图标代替一些页面中的图片

优化资源加载

1. CSS文件放在head中，可以保证解析DOM的同时，解析css文件
2. JS文件放在body底部
3. body中间尽量不写style标签和script标签
4. 对静态资源使用CDN

使用JSON格式来进行数据交换

SON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。
json非常清晰明了的展示数据结构，而且也方便我们获取和操作
客户端和服务器端都支持json格式数据的处理，处理起来非常的方便

减少重绘与回流

1. 减少对DOM的操作，页面中的DOM结构改变或者样式改变，会触发浏览器的回流（浏览器会把DOM结构重新进行计算，这个操作很消耗性能）和重绘（把一个元素的样式重新渲染）。
2. css样式操作优化，避免使用层级较深的选择器，或其他一些复杂的选择器，以提高CSS渲染效率， 避免使用css表达式
3. 使用性能更好的API

这就是我收集的一些前端优化方法，关于优化还有很多，收集并且使用前端优化，对每一个前端工作者都有好处，让页面更加快速，用户体验更好。