减少页面上的组件数量
HTTP请求是浏览器要求查看您的页面的方式。 当您的网页加载到浏览器中时,浏览器会向网页服务器发送一个HTTP请求,以获取URL中的页面。 然后,随着HTML的交付,浏览器解析它并寻找额外的图像,脚本, CSS ,Flash等请求。
每次它看到一个新元素的请求时,它都会向服务器发送另一个HTTP请求。 越多的图片,脚本,CSS,Flash等等,您的页面的请求越多,页面加载速度越慢。 减少页面上HTTP请求数量的最简单方法是不使用许多(或任何)图像,脚本,CSS,Flash等。但仅仅是文本的页面很无聊。
如何在不破坏设计的情况下减少HTTP请求
幸运的是,有几种方法可以减少HTTP请求的数量,同时保持高质量,丰富的网页设计。
- 合并文件 - 使用外部样式表和脚本对于阻止他们停止页面加载时间非常重要,但不要有多个CSS和一个脚本文件。
- 使用CSS Sprites - 当您将大部分或全部图像合并为一个精灵时,您可以将多个图像请求转换为一个。 然后,您只需使用background-image CSS属性来显示您需要的图像部分。
- 图像地图 - 图像地图不像以前那么受欢迎,但是当你有连续的图像时,他们可以将多个HTTP图像请求减少到只有一个。
使用缓存来改善内部页面加载时间
通过使用CSS sprites和组合CSS和脚本文件,您还可以缩短内部页面的加载时间。 例如,如果您有一个包含内部页面元素以及着陆页的精灵图像,那么当您的读者转到这些内部页面时,图像已经下载并存储在缓存中 。 所以他们不需要HTTP请求来将这些图像加载到你的内页上。