网站性能优化

1、资源压缩合并

（1）图片：雪碧图

（2）JS、CSS合并：利用项目构建工具webpack、grunt、gulp等。

---

2、加快渲染

CSS前置

3、减少DOM操作

（1）将DOM节点放入局部变量

（2）内存中操作元素，使用文档片段

document.createDocumentFragment()

PS：这样做的优点是只会触发一次回流

（3）一次性DOM节点生成

通过innerHTML属性一次性生成节点，使用字符串拼接的方式，先生成相应的HTML字符串，再一次性写入innerHTML中。

（4）通过类来修改样式

（5） 使用事件代理

---

4、减少HTTP请求

（1）keep-Alive模式（持久连接）

每个请求，应答客户和服务器都要新建一个连接，完成后立刻断开，持久连接模式使客户端到浏览器的连接持续有效，后续请求时避免了建立或者重新建立连接。

PS：HTTP1.1版本支持

（2）管线化

在持久连接的前提下，通过将请求一次性打包发出，有效减少HTTP请求。

PS：a)只有GET和HEAD请求可以实现管线化，POST有一定的限制；

        b)初次进行请求时不应该启动管线机制，因为服务器不一定支持HTTP1.1版本。

---

5、非核心代码异步加载

（1）