终端用户响应的时间中,有 80%用于下载各项内容。这部分时间包括下载页面中的图像、
样式表、脚本、Flash 等。通过减少页面中的元素可以减少 HTTP 请求的次数。这是提高网 页速度的要害步骤。 减少页面组件的方法实在就是简化页面设计。那么有没有一种方法既能保持页面内容的丰硕 性又能到达加快响应时间的目标呢?这里有几条减少 HTTP 请求次数同时又可能坚持页面 内容丰富的技术。 合并文件是通过把所有的脚本放到一个文件中来减少 HTTP 请求的方法,如可以简略地把所 有的 CSS 文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的 修改,这可能会相对麻烦点,但即便如此也要把这个方法作为改善页面性能的重要一步。 CSS Sprites 是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中,而后 通过 CSS 的 background-image 和 background-position 属性来显示图片的不同部分; 图片地图是 把多张图片整合到一张图片中。虽然文件的总体大小不会改变,但是可以减少 HTTP 请求次数。图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候 才干 使用,如导航栏。确定图片的坐标和可能会比较繁琐且轻易犯错,同时使用图片舆图导航也 不具有可读性,因此不推举这种方法; 内联图像是使用 data:URL scheme 的方法把图像数据加载页面中。这可能会增加页面的大小。 把内联图像放到样式表(可缓存)中可以减少 HTTP 请求同时又防止增长页面文件的大小。但是内联图像当初还不得到主流浏览器的支持。 减少页面的 HTTP 请求次数是你首先要做的一步。这是改良首次拜访用户等候时间的最主要 的方法。犹如 Tenni Theurer 的他的博客 Browser Cahe Usage – Exposed!中所说,HTTP 请求 在无缓存情况下占去了 40%到 60%的响应时间。让那些首次访问你网站的人获得更加快捷。