网站优化——YAHOO军规

一、尽可能减少HTTP请求数

image image image

二、使用CDN（内容分发网络）

image image image image

三、添加Expire/Cache-Control头

image image

四、启用Gzip压缩

image image

五、将CSS放在页面最上面

image

一段在IE下运行的代码：

image

六、将Script放在页面最下面

DOM加载顺序：

image

七、避免在CSS中使用Expressions

image image image image image

八、将JavaScript和CSS都放在外部文件中

image image image

九、减少DNS查询

image

三大浏览器缓存时间对比：

image

单域和多域的对比：

image

缓存时间长与缓存时间短的对比：

image

十、压缩JavaScript和Css

image image image image

十一、避免重定向

image image

对于搜索引擎来说，301和302完全不一样。

image image

十二、移除重复的脚本

举例：

image image

正常显示：

image

若是重复引用了js脚本

image

显示：

image

十三、配置实体标签（ETags）

image image image image image

十四、使用AJAX缓存

image image image image

---

网站性能优化工具——————Yslow

image

最好在Firefox 浏览器下使用，基于Firebug 使用的Yslow 插件安装之前必须先安装Firebug

(1)Yslow主页,勾选"run test"

image

(2)当然选择测试规则最多的"(V2)"

image image

(3)Grade————测试您的网站优化程度的等级并给出响应的优化方案

image

(4)Components———— 检查各个元素暂用空间大小的组件视图

image

(5)Statistics————与Components的作用相似的信息统计视图

image

(6)Tools——————各种优化工具

image