减少HTTP请求

标签：9.png   png   黄金   指定   map   方式   静态资源   地图   多个   

一、为什么要减少HTTP请求
性能黄金法则： 只有10%-20%的最终用户响应的时间花在接收请求的html的文档，剩下的80%-90%花在请求静态资源上；
如何改善：减少静态资源的数量，从而减少HTTP请求；
HTTP连接会产生一定的开销：在解析域名的过程中会查询DNS的缓存；
HTTP1.1协议是串行发送，也就是100个请求会逐个发送，前面的请求完成才会发送下面的请求；
二、减少HTTP请求的方式
图片的地图：
概念：图片地图允许一个图片关联多个URL，目标URL的选择取决于用户了图片上的那个位置；
也就是将多个图片合成一个图片，通过位置信息来定位请求的URl；
用法：<map><area></area></map>

CSS精灵
概念：通过使用合并的图片，通过指定css的background-img和background-position来显示元素；
background-position：x:y，x和y可以写正值也可以写负值我们可以想象图片的左上方为（0,0），以（0,0）坐标向右是x的负轴，向下是y的负轴；
用法：

合并脚本和样式表：
使用外部的js和css文件，不要直接写在页面里面
合并js和css文件
图片使用base64编码减少页面的请求次数，base64编码将图片直接写在页面内，而不去请求服务器；

减少HTTP请求

标签：9.png   png   黄金   指定   map   方式   静态资源   地图   多个   

原文地址：https://www.cnblogs.com/meichao/p/9497543.html