规则一: 减少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. 合并脚本和样式表
前十位的网站上平均使用六到七个脚本和一到两个样式表