网站优化--减少HTTP请求

Posted xiaoliwang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网站优化--减少HTTP请求相关的知识,希望对你有一定的参考价值。

发送HTTP请求需要经过几个过程

域名解析--TCP连接--发送请求--等待--下载资源--解析时间

这其中需要花费一定时间,因此,尽可能的需要减少网站的HTTP请求,方法有以下几种:

1 . css精灵图 

2. 图片地图

  图片地图可以将一张图片划分成多个区域,实现点击不同区域跳转到不同链接 

<body>
    <img src="./1.jpg" usemap="#map">
    <map name="map">
        <area shape="rect" coords="80,20,163,72" href="javascript:alert(‘眼睛‘)" title="眼睛">
        <area shape="rect" coords="48,116,197,186" href="javascript:alert(‘嘴巴‘)" title="嘴巴">
        <area shape="circle" coords="121,76,15" href="javascript:alert(‘鼻子‘)" title="鼻子">
    </map>
</body>

3. 合并独立CSS和JS文件  

4. 图片使用Base64编码显示

  <img src="data:image/gif;base64,这里是图片数据 "> 

  注: 数据可以用php生成,缺点是html文件大小会变大,适合小图片

以上是关于网站优化--减少HTTP请求的主要内容,如果未能解决你的问题,请参考以下文章

自主阅读笔记03《基于web 服务器的网站性能优化研究》

雅虎网站性能优化的34条军规!

Yahoo网站性能优化的34条军规

Yahoo网站性能优化的34条军规

网站页面优化小技巧

网站性能优化