减少图片HTTP请求的方案提高网站性能

核心提示： 效果如下： 注意：这五个按钮分别使用了五张图片那么，五张图片就意味着你的该页面又多了五个HTTP请求，减少图片HTTP请求的方案提高网站性能(2)，它将大大降低页面的呈现效率，增加的HTTP请求是导致页面性能下降的最大刽子手，搞定它，事不宜迟！呵呵^_^下面列出了三种解决方案：方案一：图片地图（

效果如下：

注意：这五个按钮分别使用了五张图片

那么，五张图片就意味着你的该页面又多了五个HTTP请求，它将大大降低页面的呈现效率。增加的HTTP请求是导致页面性能下降的最大刽子手，所以我们应该尽量减少HTTP请求，而图片是增加HTTP请求的最大可能者，搞定它，事不宜迟！呵呵^_^

下面列出了三种解决方案：

方案一：图片地图（图像热点）：它将用户的点击映射到一个操作，而无需向后端Web服务器发送任何请求。

代码如下：

<div　class="panel_div"　style="border:2px　ridge　#333333;background-color:rgb(244,　245,　235);width:180px;padding:4px　0px　0px　2px;">
　　　　　<img　usemap="#mymap"　src="http_request_img/imagemap.gif"　border="0"　/>
　　　　　<map　name="mymap">　<!--　img使用的map　-->
　　　　　　　　　<area　shape="rect"　coords="0,0,31,31"　href="javascript:alert('Home');"/>
　　　　　　　　　<area　shape="rect"　coords="36,0,66,31"　href="javascript:alert('Gifts');"/>
　　　　　　　　　<area　shape="rect"　coords="71,0,101,31"　href="javascript:alert('Cart')"/>
　　　　　　　　　<area　shape="rect"　coords="106,0,136,31"　href="javascript:alert('Set')"/>
　　　　　　　　　<area　shape="rect"　coords="141,0,171,31"　href="javascript:alert('Help')"/>
　　　　　</map>
</div>