译文 :http://developer.yahoo.com/performance/rules.html
1.减少HTTP请求
最终用户80%的响应时间都花在前端。大部分的时间是花在下载页面中所有的组件:图像、样式表、脚本、Flash等。减少组件的数量然后减少HTTP请求的数量。这是更快的渲染页面的关键。
减少页面中组件的数量的一个方法是简化页面的设计。但是有没有一种方式可以构建更丰富的内容页面,,同时也实现快速响应呢?以下是一些技术可以在减少HTTP请求的数量的同时仍然支持丰富的页面设计。
合并文件是减少HTTP请求的数量的一个方法,就是把所有脚合,所有CSS样式表,分别并成一个。当不同页面的脚本和样式表各不相同时,合并文件具有更多的挑战,但合并可以让这部分减少响应时间。
CSS Sprites 是减少图像请求数目的首选方法。将您的背景图像合并为一个单一的背景图和使用CSS的background-image 和 background-position
属性来显示所需的图像部分。
Image maps 把多张图片组合成一个单一的图片,整体大小相同,但减少HTTP请求的数量从而加快页面。图像映射只有在当图像在页面上是连续的时有用,如一个导航栏。定义图像的映射坐标是乏味的而且容易发生错误的。因此为导航使用图像映射也不被接受,因此不建议使用
Inline images use the data:
URL scheme to embed the image data in the actual page. This can increase the size of your HTML document. Combining inline images into your (cached) stylesheets is a way to reduce HTTP requests and avoid increasing the size of your pages. Inline images are not yet supported across all major browsers.