减少文件请求次数,加快网站打开速度

亮术网 2013-04-23 本网原创

  网站打开速度慢,发展会十分困难,可能有些没什么耐心或不懂的用户还没等网站打开,就把窗口关闭了。由于第一次给他留下用户体验十分差的印象,可能下次也不会再来了,原本可能成为会员的用户就这样白白丢掉,可见,网站打开速度是多么的重要。

 

  网站打开速度可能与多种因素有关,本篇主要探讨通过减少文件请求次数来加快网站打开速度,下面看看都有哪些方法。

  1、把繁多的小图片合成一张图片

  每一张独立的图片不管大小,都要向网站服务器发出请求,服务器接到请求后,就要处理它们。图片过多,会大量的消耗服务器资源,给服务带来过大的压力。如果把所有的小图片都合到一张,如把50张小图合到一张,本来要向服务器请求50次,现在只请求一次,大幅度的节省了服务器资源。

  当然合成一张图后,就不能像原来那样引用了,需要在 CSS 中引用,举个小例子:

  假如要引用一张在合成图中的背景图,它离图片的顶部 30px,离图片的左边 0px,则在 CSS 中应这样写:

  background:url(/images/menu.png) no-repeat;

  background-position:0px -30px;

 

  2、尽量把多个 Javascript 和 CSS 文件合成一个文件

  每个独立的 Javascript 和 CSS 文件跟独立的图片一样,每个文件也会向网站服务器发出请求,消耗服务器资源,合成一件文件也可节约服务器资源。

 

  3、把 Javascript 代码编辑成一行

  把代码编辑成一行,可以减少文件中的空格,从而减少文件的大小。如果代码很多,可以减少可观的空间;文件变小了,需要下载的字节就变少,也可以加快网页打开速度。

  此外,CSS 文件也可以编辑成一行,同样可以减少文件的大小。

 

  当然,事物总是带有两面性,利弊就像孪生兄弟,编辑成一行后,以后修改就十分麻烦,所以建议保存一份按代码的规范书写的源码。

本文浓缩标签:网站网页打开速度