1、减少Http请求
http请求是指从客户端到服务器端的请求消息。其中包含对html、css、js、图片资源以及交互数据处理内容等。在前端性能网页级优化中较少http请求是非常重要的一块，每当我们提到性能优化，首当其冲的就是http请求。都说要减少 HTTP请求，那请求多了到底会怎么样呢 ?首先，每个请求都是有成本的，既包含时间成本也包含资源成本。一个完整的请求都需要经过 DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个 “漫长” 而复杂的过程。时间成本就是用户需要看到或者 “感受” 到这个资源是必须要等待这个过程结束的，资源上由于每个请求都需要携带数据，因此每个请求都需要占用带宽。因此请求数多了以后，浏览器需要分批进行请求，因此会增加用户的等待时间，会给用户造成站点速度慢这样一个印象。80%的终端用户响应时间花在了前台。其中，大部分时间都用于下载页面中的各种组件——图像、样式表、脚本、Flash等等。因此，减少组件的数量就能够减少呈现页面所需的HTTP请求数量。这正是加速网页显示的关键所在。
减少http请求的途径有哪些？
（1）从设计层面简化页面
审查你的页面的每条http请求是否是必须的，每一条http请求都有可能延迟你的页面打开时间。保持页面简洁、减少资源的使用时最直接的。
（2）资源合并与压缩
当我们完成一个页面时都会有一些外部引用的脚本、样式文件，如果可以的话，尽可能的将外部的脚本、样式进行合并，多个合为一个。对于CSS、Javascript文件可以进行压缩减少文件的体积，达到减少下载所用时间。
（3）CSS Sprites
CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。使用方法很简单通过background: url(../img/***) no-repeat -26px -14px;设置图片的具体所在位置。
（4）小图标内嵌在CSS中
这种方法是利用base64在线解码将图片转换成base64直接内嵌在CSS中。具体代码如下：
.demoImg{ background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...."); }