加快网站速度的最佳做法_(1)最小化http请求

原文地址：[url]http://developer.yahoo.com/performance/rules.html[/url]
自己做了点翻译：
最小化HTTP请求
80%的用户响应时间是花在前端。大多数时间用来下载需要的组件，例如，图片，样式，脚本，FLASH等。为了达到渲染页面的目的，减少下载组件的数量，从而减少HTTP请求的时间。这就是加快页面的关键。
一种减少下载组件的方法就是简化页面的设计。但是有没有一种方法既让页面有丰富的内容，又能达到快速响应的目的？毫无疑问，这当然有相应的技术啦。
（1）Combined files:
把脚本文件合并到一个文件中，把CSS文件合并到一个文件中。当脚本和样式在页面之间改变的时候，合并文件是一件很有挑战性的工作。但是这部分工作会改进你的响应时间。
（2）CSS Sprites
是减少图片请求最好的方法。把你的背景图合并到一个图中，使用CSS的background-image和backgroud-position属性来显示需要的图片片断。
（3）Image maps
把很多图片合并到一个图片中，总体大小不变，但是减少了HTTP请求的数量。image maps只有在图片相邻的情况下可以实现，比如导航条。定义image maps的协调性是很容易出错的。对导航条使用image maps是不容易懂，也不推荐的。
（4）Inline images
使用data这个url方案[url]http://tools.ietf.org/html/rfc2397[/url]在实际的页面中嵌入图像数据。这会增加HTML文档的大小。合并inline images到你的样式中是一种减少HTTP请求和避免增加你的页面大小的方法。但是，inline images不是被所有的浏览器支持。

减少HTTP请求的数目只是一个开始。对第一次访问的用户来说这是很重要的。正如Tenni Theuer's的博客中提到的[url]http://yuiblog.com/blog/2007/01/04/performance-research-part-2/[/url] 40-60%对你的站点的日常访问者携带的是空的缓存。提高你页面的速度，对这些第一次的访问者来说是置关重要的。