小议YSLOW提升网站性能13黄金法则
小议YSLOW提升网站性能13黄金法则

看上图，很明显，页面在头部加载了一个脚本，耗时1秒多，这一秒多的时间页面是白屏的，当脚本加载完成以后，才能继续加载页面中的其他组件，我们可以清楚的发现脚本下载阻塞了页面的呈现，所以有条件的话可以单独配置一台JS服务器，哈哈

法则7. Avoid CSS expressions

不要使用CSS表达式，因为不当的CSS表达式需要很多资源，有时甚至会造成页面假死，当然如果你自认为你已经是CSS专家，并且可以完全驾驭表达式造成的性能问题的话，我觉得用它没什么问题。不过IE-only，价值不是特别大，所以还是少用为妙啊。

法则8. Make JS and CSS external

将CSS和JS使用外部的独立文件引用，其实这个和减少HTTP请求是矛盾的，而且事实上不考虑其他因素的影响，内联JS和CSS对于页面加载的速度比外联快很多。不过结合前面缓存外联的JS和CSS的话，不单可以实现减少HTTP请求，还可以减少HTML的文件大小，一举两得，让不可能变成了可能！不过最合理的做法应该是先判断外联元素是否被缓存，如果有的话就动态加载外联的元素，没有的话就调用内联的元素。

法则9. Reduce DNS lookups

减少域名解析次数，域名解析也是个耗时的头儿，要注意。这CDN一多，域名查询也多，是冲突的。大家按自己情况合理取舍。

通常情况下按照我们的理解，静态资源文件都是放在本站点目录下的。由于以前大家的网络速度都不快，IE浏览器为了防止大量的http请求阻塞了网络连接，所以同一域名下的http请求，只允许2个并发线程，所以这就导致我们看到有的页面的图片是逐步逐步显示出来的。显而易见，为了突破这个限制，我们可以增加几个域名，从而增加并发下载，加快速度。

法则10. Minify JS

最小化压缩JS，和第4点不同，使用YUI Compressor或者JSMin将JS文件进行分析，将一些变量名变短，去除不必要的空格和符号

法则11. Avoid redirects

避免重定向

法则12. Remove duplicate scripts

去除重复的脚本，不光是文件，甚至是同功能的函数

法则13. Configure ETags

配置实体标签，ETag是用于服务器和浏览器间文档校验的一种手段，如果匹配就使用缓存版本，不匹配的话，重新下载。但是使用CDN的时候，不同镜像间的ETag是不一样的，这就导致了ETag的失灵。我们删除ETag。