从淘宝网首页js的一点改变说起

从淘宝网首页js的一点改变说起

前段时间淘宝网对首页进行了网站建设方面的改版,主要是将首页由原来的XHTML1.0升级为HTML5,明显看出淘宝网的UED团队在紧跟潮流。说杭州这帮哥们蛋疼也好,潮也好,反正我个人认为重构首页似乎也在国内的网站建设行业中起了一个很好的带头作用。

网站上线没多久,首页的js发生了一点变化,可能不经常注意淘宝网源码的童鞋不容易察觉,那就是原来的IE条件注释使用外链脚本的方式,后来改成了直接将脚本写到文件当中,再后来又改回最初的形式。

分析原因如下,最初使用外链脚本的形式,是因为这样可以有效的减少非IE浏览器加载的HTML文件体积,因为IE条件注视里的内容会被非IE浏览器完全忽略。但是为什么后来又作了调整,变成直接载入代码而不是外链,其实仔细分析一下不难发现浏览淘宝网的用户多半为国内用户,而国内用户使用的浏览器中IE浏览器占据绝对优势,所以这段短小的调用脚本的代码增加了一个http请求,而在网站访问量巨大的时候这是要有代价的。于是团队决定将这个条件注视改为直接将代码写在页面中,这样就可以减少一个http请求,有效控制并发数量。但是修改后没多久又改回最初的形式,这就又让别人陷入困惑当中,既然减少并发数是一个比较好的策略为什么又要该回去呢?其实这就小网站的站长永远也无法知道的事情,那就是实验出真知,肯定是团队在监测了一段时间使用这两种方法所产生的利弊之后对其做出权衡,最终选择了以外链的形式加载IE的条件注释脚本。

从上面的分析也可以看出,在网站建设的过程中,我们要将网站的性能发挥到极致,其实这些小细节只能在这种类型的网站上才看得出来,一般的网站又怎么会在意这些,但在淘宝这种大型网站上往往就是这些细节觉得成败!

最后说明一点以上内容纯属个人观察所得,可能与实际情况有出入,仅供参考。