网站优化——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

你可能感兴趣的:(网站优化——YAHOO军规)