雅虎给出的34条网站加速方法

hgx615

雅虎给出了优化网站加载速度的34条法则（包括Yslow规则22条） <a href="http://developer.yahoo.com/performance/rules.html" target="_blank">详细说明</a>，下载转发 <a href="http://originalcolors.cn/work/" target="_blank">ponytail</a> 的译文（来自<a href="http://paranimage.com/" target="_blank">帕兰映像</a>）。
　　1.Minimize HTTP Requests 减少HTTP请求
　　图片、css、script、flash等等这些都会增加http请求数，减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件，页面里直接写入图片也是不好的做法，应该写进CSS里，利用 <a href="http://alistapart.com/articles/sprites" target="_blank">CSS sprites</a> 将小图拼合后利用background来定位。
　　2.Use a Content Delivery Network 利用CDN技术
　　<a href="http://hi.baidu.com/axne/blog/item/258e23ade2d76f0a4b36d6d1.html" target="_blank">CDN</a> 确实是好东西，8过服务器提供商的这项服务一般是要收费的，我以前买的国内空间是有这个的但是我当时根本不知道啥用，现在没了。。。
　　3.Add an Expires or a Cache-Control Header 设置头文件过期或者静态缓存
　　浏览器会用缓存来减少http请求数来加快页面加载的时间，如果页面头部加一个很长的过期时间，浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了，否则用户端不会主动刷新，看自己衡量了~ 这项可以通过修改.htaccess文件来实现。
　　4.Gzip Components Gzip压缩
　　Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常大，一般压缩率为85%。压缩没压缩，可以到 <a href="http://gzip.zzbaike.com/" target="_blank">这里</a> 做下测试。
　　5.Put Stylesheets at the Top 把CSS放顶部
　　让浏览者能尽早的看到网站的完整样式。
　　6.Put Scripts at the Bottom 把JS放底部
　　网站呈现完毕后再进行功能设置，当然这些JS要在你的加载过程中不影响内容表现。


　　7.Avoid CSS Expressions 避免CSS Expressions
　　CSS表达式很可怕，这个只被IE支持的东西执行时候的运算量非常大，你移动一下鼠标它都要进行重计算的，但有时候为了做浏览器的兼容必须要用到这个