http://www.yuan-chuang.cc/index.php zh-cn http://www.yuan-chuang.cc/read.php/782.htm 元创 <> Wed, 02 Mar 2011 09:36:18 +0000 http://www.yuan-chuang.cc/read.php/782.htm 相信经常观察大站的朋友都会发现，他们都把CSS写在HMTL页面里，一个页面的或者多个页面的背景图片，都集成到一张图片里，他们有的JS文件，也写到页面里了……也许你会迷惑，现在到处讲页面的优化，不都是要把CSS、JS都独立出来，然后掉用吗？大站这样的做法岂不是不利于SEO？难道他们真的不懂SEO吗？下面，我就给大家详细解释下其中原因。
  
    首先，我们访问网站的时候，会对服务器发出HTTP请求，网站打开的快慢，处理与页面的大小图片大小网速等多方面的因素外，还有个重要的因素就是HTTP 的请求数。HTTP的请求数越多，网站打开的速度当然就会越慢，对服务器发出一个HTTP请求，对页面打开速度造成的延时大概是0.01秒，一个连接，一个图片都会对发出一个请求，如果HTTP请求过多，就会造成页面大量的延时，访问速度自然就慢了。

    我们看到一些大站，他们页面篇幅是非常巨大的，为了加快访问的速度，他们就采用了减少HTTP请求的方法，把CSS写到HMTL文件里，而不采用外部调用的方法。同样的道理，一个页面会有很多的背景图片，背景图虽然每个体积都很小，但是首次访问的时候，会对服务器发出HTTP请求，造成延时。如果把所有的背景图，都集成到一个图片里，这样就只会对服务器发出一个HTTP请求，请求数就会大量减少，延时就小了。然后采用CSS 的 background-image 和 background-position 属性来实现所需的背景图并定位，达到页面所需要的表达效果。


    对于页面不常更新的地方，一般就是采用缓存的办法来降低HTTP请求次数。有兴趣的朋友可以去查阅下资料，ASP、PHP都有相应的实现方法。 我们在进行DIV+CSS布局的时候，有的朋友喜欢把CSS分成几个部分，比如base.css、header.css、mianbody.css、footer.css这样对页面的维护和修改是比较方便的，比较清晰明朗，但是对加快服务器响应时间就存在问题了。所以一般是分开写，写好之后再合并。


    所以，我们做页面设计的时候，并不是说我用DIV+CSS来设计，比table更好了，符合W3C的标准了，完全符合HMTL的语义了，HMTL的标签我也运用的精准到位了就够了，我们还要考虑到HTTP的因素在里面。一个网站40%-60%的访问者，是首次打开你的站点，如果你由于服务器的相应时间问题而影响了打开了的速度，对用户体验就会造成很大的影响。


    减少HTTP请求，是从性能上来优化网站的一个非常重要部分，也是SEO中非常重要的一个部分，也就是减少HTTP请求有利于SEO。 ]]> http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1325 韩国 <992987232@qq.com> Thu, 03 Mar 2011 04:09:51 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1325 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1326 静脉曲张袜 <leon880121@hotmail.com> Fri, 04 Mar 2011 12:16:27 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1326 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1327 北京seo <tsseo@126.com> Sat, 05 Mar 2011 11:58:18 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1327 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1331 电加热器 <minggushidai@qq.com> Tue, 08 Mar 2011 02:05:13 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1331 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1334 hellon <1187991287@qq.com> Tue, 08 Mar 2011 07:58:53 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1334 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1368 腋臭医院 <lovejun12@126.com> Thu, 17 Mar 2011 03:58:30 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1368 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1373 细胞株 <user@domain.com> Fri, 18 Mar 2011 13:29:36 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1373 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1375 变牌器 <sanqilang@126.com> Sat, 19 Mar 2011 07:51:15 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1375 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1380 标准品 <user@domain.com> Mon, 21 Mar 2011 03:00:46 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1380 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1493 防伪标签 <qwert@hp009.com> Tue, 12 Apr 2011 03:46:40 +0000 http://www.yuan-chuang.cc/read.php/782.htm#blogcomment1493