Yahoo军规笔记（网站优化）

Yahoo军规（网站优化技巧）

1.尽可能的减少HTTP请求数。

http请求：从客户端到服务端的请求消息。包括消息首行中，对资源的请求方法，资源的标识符及使用的协议。

2.使用CDN（内容分发网络）

CDN网络:内容分发网络。意思是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快，更稳定。

也就是在用户最近的地方放置一台性能好链接顺畅的副本服务器，让你能够以最近的距离，最快的速度获取内容。

3.添加Expire/Cache-Control头

expire模块：expire头的内容是一个时间值，值就是资源在本地的过期时间、存在本地。在本地缓存阶段，找到一个对应的资源值，当前时间还没超过资源的过期时间，就直接使用这一个资源，不会发送http请求。

CACHE-CONTROL 是http协议中常用的头部之一，顾名思义，他是负责控制页面的缓存机制，如果该头部指示缓冲，缓冲的内容也会存在本地，操作流程和expire相似，但也有不同的地方，cache-control有更多的选项，而且也有更多的处理方式。

4.启用Gzip压缩

在服务器端配置即可。

5.将css放在页面最上面

直接呈现样式，避免先出来内容导致页面混乱。

6.将script放在页面最下面

优先呈现内容，避免script脚本导致页面显示速度变慢，甚至陷入死循环。

7.避免在CSS中使用Expressions

CSSExpressions：也就是CSS表达式，不可以用这样的表达式是因为CSSExpressions在鼠标移动中每时每刻都在计算。

8.把JavaScript和CSS都放在外部文件中。

需要辩证的看，在外部文件和内部文件各有好处：

单独提取出来：提高了js和css的复用性，减小页面体积，提高了js和css的可维护性。

写在页面内：减少页面请求，提升页面渲染速度。

所以当页面只应用于一个页面、不经常被访问时、脚本或样式很少的情况下就可以写入页面内。

9.减少DNS 查询

去除不必要的空白符、格式符、注释符。

简写方法名、参数名压缩Js脚本。

10.压缩JavaScript和CSS。

在正式上线项目前，将JavaScript和CSS都进行压缩，使线上版本是最轻量级的，大幅提升网站性能。

11.避免重定向。

12.移除重复的脚本。

13.配置实体标签（ETag）

实体标签就是一种标识或者标记，服务器向客户端发出请求，客户端回应，发现ETag相同时，直接使用之前的缓冲。

14.使AJAX缓存

AJAX缓冲的最主要功能就是局部缓冲。不需要每次仍得重新加载全部网页。

15.Yslow网站性能优化工具

学会使用YSlow会得到更多的优化提示或建议。