主要规则有13条,其中11条比较关键:
1. Make fewer HTTP requests--更少的http请求,也就是说页面中尽量少的引用外部静态资源,js、 css以及图片
2. Use a CDN--使用CDN网络,将页面中的静态资源分布到离用户最近的网络节点上
3. Add an Expires header--为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站
4. Gzip components--压缩静态资源内容,减少网络传输时间
5. Put CSS at the top--将CSS放在页面头部,能够更快渲染页面
6. Put JS at the bottom--将JS放在页面底部,一般情况下JS的下载是阻塞模式的,放在页面顶部会阻塞其他资源的下载
7. Avoid CSS expressions--不要使用CSS表达式,因为CSS表达式需要很多资源,有时甚至会造成页面假死
8. Make JS and CSS external--将CSS和JS使用外部的独立文件,这点有点和1冲突,但是仔细分析下,并不矛盾
9. Reduce DNS lookups--减少DNS查找(这点我后面详细解释下)
10. Minify JS--最小化压缩JS,和第4点不同,使用YUI Compressor或者JSMin将JS文件进行分析,将一些变量名变短,去除不必要的空格和符号
11. Avoid redirects--避免无意义的跳转
12. Remove duplicate scripts--去除重复的脚本,不光是文件,甚至是同功能的函数
13. Configure ETags--配置实体标签(要说清楚这个问题就要引申出很多情况,不做展开了)
1. Make fewer HTTP requests--更少的http请求,也就是说页面中尽量少的引用外部静态资源,js、 css以及图片
2. Use a CDN--使用CDN网络,将页面中的静态资源分布到离用户最近的网络节点上
3. Add an Expires header--为静态资源文件增加过期时间,让用户通过本地缓存来更快的访问网站
4. Gzip components--压缩静态资源内容,减少网络传输时间
5. Put CSS at the top--将CSS放在页面头部,能够更快渲染页面
6. Put JS at the bottom--将JS放在页面底部,一般情况下JS的下载是阻塞模式的,放在页面顶部会阻塞其他资源的下载
7. Avoid CSS expressions--不要使用CSS表达式,因为CSS表达式需要很多资源,有时甚至会造成页面假死
8. Make JS and CSS external--将CSS和JS使用外部的独立文件,这点有点和1冲突,但是仔细分析下,并不矛盾
9. Reduce DNS lookups--减少DNS查找(这点我后面详细解释下)
10. Minify JS--最小化压缩JS,和第4点不同,使用YUI Compressor或者JSMin将JS文件进行分析,将一些变量名变短,去除不必要的空格和符号
11. Avoid redirects--避免无意义的跳转
12. Remove duplicate scripts--去除重复的脚本,不光是文件,甚至是同功能的函数
13. Configure ETags--配置实体标签(要说清楚这个问题就要引申出很多情况,不做展开了)