1、减少HTTP请求

80%的终端用户响应时间花在了前台。其中，大部分时间都用于下载页面中的各种组件——图像、样式表、脚本、Flash等等。因此，减少组件的数量就能够减少呈现页面所需的HTTP请求数量。这正是加速网页显示的关键所在。

减少页面中组件的一种思路是简化页面的设计。然而，是否存在一种既能使页面内容丰富，又可以加速响应时间的方案呢？以下就是一些既能够减少HTTP请求数量，又可以确保页面内容丰富的技术。

通过图像地图将多幅图像组合为一幅图像。这样一来，虽然整体尺寸相同，但可以减少HTTP请求，进而加速页面显示。不过，图像地图只适用于页面中连续的图像，比如导航条。而且，定义图像地图中的坐标值通常会令人头疼，也容易出错。

• 未使用图像地图的例子：http://stevesouders.com/hpws/imagemap-no.php
• 使用了图像地图的例子：http://stevesouders.com/hpws/imagemap.php

• 推荐的一个精彩的例子：http://www.bookofjavascript.com/Websites/Salon/frame.html

“CSS精灵”是减少图像请求次数的首选方法。所谓“CSS精灵”，就是将页面中要用到的所有图像都组合到一幅图像中，然后通过CSS中的background-image和background-position属性，按照需要显示这幅图像中的不同部分。 查看全文 »