WEB前端优化

一. 减少对服务器的文件请求

        常规的HTTP请求属于“请求”-“应答”-“断开”形式的短连接，每一个独立的资源我们都会向服务器发去一份get请求，再等服务端将我们需要的数据传回来。每一次资源的请求都实实在在地耗费了一次“连接-等待-接收”的时间（当然将http请求设为keep-alive长连接状态可以减少“连接”的次数和时间），如果我们能有效减少对服务器文件的请求次数，便意味着我们可以从这块省下一些页面等待时间，也可以顺便减少服务器的负担。

      1. 使用css sprite技术合并多个图片为单个图片文件，实际使用时通过background-position来定位背景位置.

       2 . 合并多个css样式文件为单个样式文件，合并多个脚本为单个脚本.

二. 减少文件大小

       1. 压缩样式/脚本文件(http://tool.oschina.net/jscompress)，通过压缩减少文件大小，请求的数据也就相应的减少了.

        2.对图片进行压缩，或格式化图片减少图片的大小.

三. 延迟请求、异步加载脚本

      1.可以先加载页面的整体框架显示，像图片可以采用延迟加载，需要显示的数据也可以通过异步加载的方式来显示.

四.使用缓存

     目前浏览器自带一些缓存，可以对图片、css、脚本等进行存储，再次加载的时候就可以从缓存中读取了，减少了请求服务器的时间.

五.减少无效请求

     比如通过css/js来请求一个不存在的资源，可能会导致较长的等待和阻塞

六.减少页面重定向的使用

    重定向是在一个请求完成之后，然后再去服务器进行另外一个请求，这样相当于请求两篇，可以减少重定向的使用.