前端优化的小结

这几天看了许多关于前端优化的文章，发现自己在做开发时很少考虑到这些，或者说是没能在一开始就考虑到，当项目出现反应慢，卡死等情况时才想到要做优化，而且也经常犯一些错误。现在根据自己经验和所看的文章做一个小结。

一、前端优化首先应该考虑的就是减少HTTP请求

因为浏览器与服务器通信时，想好了大量的时间，包括与服务器建立连接，想服务器发送信息，服务器接收信息后处理并返回信息，浏览器接收返回的信息并解释处理等过程。

而我们项目中的许多CSS文件，js文件，图片等都需要与服务器建立连接，频繁的连接消耗了大量的时间，导致了性能的降低，反应速度慢；

建议

尽量合并css文件和js文件，对于图片，我们可以将多个图片合成一个大图，使用雪碧图的方式（css的定位，慕客网有相关技术课程）根据需要显示图片，从而达到减少HTTP请求的目的

二、减少对DOM的操作

修改和访问DOM都回导致页面的Repaint和Reflow,这些操作的代价比较大，尤其是循环的去修改和访问DOM

三、 查询缓存

在浏览器端可以通过查询缓存的方式加快响应速度，

四、css文件，js文件压缩

减小浏览器请求的数据大小