郑州网站建设业务咨询热线:
0371-65349913 / 15333818157
当前位置:网站首页 >> 建站知识 >> 网站建设与域名空间知识 >>


在网站建设中如何减少网页上的http请求次数



发布人:郑州凯讯公司    发布日期:2014-04-22

网站上少不了有http请求,包括打开其他网站资源请求、图片显示请求、js文件执行请求、css文件调用请求等都属于http请求之列。每一个http请求都对于网页的执行速度有延时,可想而知,如果网页上的http请求比较多的话,网页打开的速度肯定会慢下来的。所以,减少http请求是网站建设者的必然追求。那么网站建设中该如何减少http请求的次数呢?

1、尽力避免打开其他网站上的资源:有的网站在打开的时候往往要到其他网站上调用资源,比如调用其他网站上的QQ状态图片等等。网站上的即时聊天QQ的功能,就是要到其他网站上调用QQ是否在线的即时图片,在打开网站时,要把这些图片调用过来,这样就无疑增大了网站http请求的次数,这样会延长网站打开的时间。减少这样的调用会减少http请求,有利于提升打开速度。

2、合并js文件和css文件,可以减少HTTP请求次数:如果一个网页调用的css文件较多,或者执行的js文件较多,这也无疑增减了http请求的次数,尽管这些js文件和css文件在自己的服务器上。减少http请求的方法主要是把同类的js文件和css文件合并起来,将多个js文件合并成一个js文件,将多个css文件合并成一个css文件,这样就减少了几次http请求,有利于提升网页打开速度。

3、对网页上的众多图片采用合并图片的方式,将图片合并成一个图片:网页上的图片一般都是有多个,这无疑也增大了http请求的次数。将常用的大部分图片通过合并的方式并成一个图片,这样可以方便许多网页的使用。调用的时候,可以通过使用css sprites定位图片的不同部分,从而将图片显示在网页上,这种方式可以减少大量图片的http请求,有利于提升网页打开速度。

4、使用图片地图的手段,也可以适当地减少http请求次数:使用图片地图即Image maps可以把多个图片合并成1个图片,然后使用html中的<map>标签连接图片,并实现点击图片不同的区域执行不同的动作。Image map在导航条中比较容易使用到,但也可以用于减少http请求方面。这样一来,如果需要打开多个图片,并对每个图片都需要进行链接时,就可以将这些图片合并成为一个图片,通过对图片采用添加<map>标签的方式来对图片的不同部分执行相应的链接操作。

5、网页上不要使用location.reload()的操作:使用location.reload()操作会刷新页面,刷新页面时页面所有资源包括css,js,img等都会重新发起请求,用户不得不继续等待网页的打开了。

以上几种方法,都可以适当减少http请求次数,有利于快速打开网页。网站建设者应尽力完善网页代码,提升网页执行效率,这才是一个真正的网站建设人员应该发扬的。



版权所有:郑州网站建设专家--郑州凯讯公司