分享优化网站性能经验之减少图片HTTP请求流量方案

时间:2009-12-21 11:47来源:未知作者:admin 点击: 次

分享到：

如果你做的网站只能几千访问量，对于设计图片的要求不高，那没所谓，如果你的网站达到几十万到几千万的访问，那就不同了，多一个图片的请求意味着什么？如何令网站性能提升得

如果你做的网站只能几千访问量，对于设计图片的要求不高，那没所谓，如果你的网站达到几十万到几千万的访问，那就不同了，多一个图片的请求意味着什么？如何令网站性能提升得更高，这些都是我们需要考虑的。下面分享下

当一个页面的图片在没有使用任何方案的情况下，五个图片超链接就只能使用五个图标按钮。
代码如下：

效果如下：

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

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

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

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

代码如下：

</map>
</div>

效果如下：

注意：这五个按钮其实是在一张图片中

精彩图集

精彩文章

热点文章

热门标签