1、CSS Sprites

2、为组件添加长久的Expries头

expries

a、设置缓存过期时间 固定的时间点（在这个时间点之前浏览器只会读取本地缓存 不会请求服务器）
b、要求服务器与客户端的时间严格同步 必须为格林时间：Fri, 30 Oct 1998 14:19:41

Cache-Control

a、HTTP 1.1 引入 用来克服expries限制
b、使用max-age 设置缓存过期时间 但这个时间是从缓存请求开始 是相对的 而不是固定的时间点
c、以秒为单位设置：Cache-Control：max-age = 315360000

如果同时设置 默认Cache-Control覆盖expries

注：Apache mod_expries模块让expries能够像max-age那样以相对的方式设置时期（可以是年、月、周、日、小时、分钟、秒）

如果在设定的时间内有文件要更新怎么办？

给每一个文件添加一个版本号：不仅可以改变文件名，还方便调试时精准的找到源代码。

3、压缩组件

客户端：Accept-Encoding: gzip, deflate
服务器端： Content-Encoding：gzip

gzip 流行且最有效 由GNU项目开发的一种免费的格式并被标准化为 RFC 1952

deflate 效果略逊且不流行 仅msn.com使用deflate

支持deflate的浏览器也支持gzip 所以gzip是最理想的选择

4、将css放置head中

5、将JavaScript脚本放置底部

6、避免CSS表达式

7、使用外部的JavaScript与CSS

加载后下载