网站优化——YAHOO军规
2016-10-30 本文已影响29人
单纯的土豆
一、尽可能减少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
