规则一: 减少HTTP 请求

1. 图片地图

1.1 服务器端图片地图(server-side image maps) 将所有点击提交到同一个目标URL,向其传递用户单击的X,Y 坐标

1.2 客户端图片地图(client-side image maps) 将用户的点击映射到一个操作,无需向后端应用程序发送请求

      映射通过HTML的MAP 标签实现。

缺点: 除了矩形之外无法定义其它形状,且通过DHTML 创建的图片地图无法在IE 中工作

 

2. 用CSS Sprites 合并图片

 

3. 内联图片

通过 data:URL 模式可以在Web 页面中包含图片,但无需额外的HTTP 请求。

尽管IE (直到IE7  )目前还不支持这种方式。

 

4. 合并脚本和样式表

前十位的网站上平均使用六到七个脚本和一到两个样式表

 

 

 

 

 

posted @ 2012-02-29 15:57  WenLe  阅读(96)  评论(0)    收藏  举报