yahoo军规——前端优化建议（35条，此处列出14条）

Yahoo军规：要求网站更低的成本，更高的速度（共35条，这里列出14条）

1.    尽量减少http请求

2.    使用CDN（内容分发网络）（增加服务器，成本高）

3.    添加ExpireCache-Control头

4.    启用Gzip压缩

5.    将css放在页面最上面（head中）：避免页面出现空白或闪烁的问题。

6.    将script放在页面最下面：如果js代码需要很长的运行时间，会使页面一直处于空白状态，放在最后可以先将内容呈现不会让用户等太久（dom的加载顺序：html-head-meta-title-style-link-script-body-div-img）

7.    避免在CSS中使用Expressions：css属性后面如果是一段js表达式会大大增加计算机的计算量，因为鼠标的随便一个简单的移动浏览器都会不停的计算

8.    把JS和CSS放到外部文件中：

单独提取的好处：提高js和css的复用性（不用重复命名的意思）、减少页面体积、提高了js和css的可维护性。缺点是请求数会增多。

写在页面内的好处：减少页面请求、提示渲染速度

建议写在页面内的情况：样式只应用于一个页面时、不经常被访问的页面、脚本和样式很少的情况下。

综上：变通灵活的使用才是硬道理。

9.    减少DNS查询

10.  压缩 JavaScript 和 CSS：去除不必要的空白符、葛师傅、注释符，简写方法名，参数名压缩js脚本。（建议在正式上线项目前，将js和css都进行压缩，使线上版本是最轻量级的，大幅提升网站性能）

11.  避免重定向

12.  移除重复的脚本

13.  配置实体标签（ETag）

14.  使 AJAX 缓存：