解读Yahoo!网站性能优化组定义的34条准则 - 最小化HTTP请求

最小化HTTP请求

80%的最终用户响应时间花在前端。其中大部分时间是困绑在下载的所有组成部分的网页：图片，样式，脚本，Flash等。减少的元件数量就意味着减少了渲染页面所需的HTTP请求。这是网页加速的关键。

减少网页元件数量的一个方法是简化网页的设计。但是有没有办法，制作网页时内容既丰富响应时间又快呢？以下是一些减少HTTP请求的同时还支持丰富内容的网页设计技术。

一种减少HTTP请求的方法是合并文件：将所有脚本合并到一个单一的脚本，同样所有的CSS合并到一个单一的样式表。不同的页面脚本和样式不同，给合并文件带来更多挑战性，但这么做确实能改进响应时间。

CSS Sprites减少图片的HTTP请求是首选方法。将(背景)图片合并成一个单一的图片并使用的CSS背景图像和背景位置属性以显示所需的图片部分。

图片地图合并了多张图片到一个单一的图片。整体大小然后差不多，但减少了HTTP请求。图片地图仅在需要连续的图片的网页上能工作好，如导航栏。确定的图片地图坐标既乏味而容易出错的。使用图片地图导航没有更多好处，所以不推荐。

内置图片使用数据：URL方案中嵌入了图像数据到实际网页。这将增加HTML文档的大小。合并内置图片到您的样式表中可以减少HTTP请求，并避免增加您的网页大小。内置图片在所有主流浏览器还不支持。

马上开始在您的网页中减少HTTP请求吧！这是提高用户首次访问网页性能的最重要的准则。就像Tenni Theurer的博客所描述的“浏览器的缓存使用-裸露的”，每天40-60 %的游客到您的网站时Ta缓存是空的。为这些第一次到来的游客使您的网页速度更快是一个更好的用户体验。