Question

为什么大型网站都喜欢把js写在html中

Answer 1

相信经常观察大站的朋友都会发现，他们都把CSS写在HMTL页面里，一个页面的或者多个页面的背景图片，都集成到一张图片里，他们有的JS文件，也写到页面里了……也许你会迷惑，现在到处讲页面的优化，不都是要把CSS、JS都独立出来，然后掉用吗？大站这样的做法岂不是不利于SEO？难道他们真的不懂SEO吗？下面，我就给大家详细解释下其中原因。

首先，我们访问网站的时候，会对服务器发出HTTP请求，网站打开的快慢，处理与页面的大小图片大小网速等多方面的因素外，还有个重要的因素就是HTTP 的请求数。HTTP的请求数越多，网站打开的速度当然就会越慢，对服务器发出一个HTTP请求，对页面打开速度造成的延时大概是0.01秒，一个连接，一个图片都会对发出一个请求，如果HTTP请求过多，就会造成页面大量的延时，访问速度自然就慢了。db08613

我们看到一些大站，他们页面篇幅是非常巨大的，为了加快访问的速度，他们就采用了减少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。