关于页面加载时间的问题~ajax请求的时间和用script标签加载脚本的时间差多少呢？

Question

在网上找了个用mootools实现的画topo图的模块

它加载网络节点数据的方式是通过在页面头部的script标签里面加入一个写入json数据的脚本...，data.js的内容是var nodedata={json数据格式,..,}，在加载完data.js后，页面中生成节点图的函数再画图。 </p> <p>我做了一个修改，在服务器端用data.php去打包一个json数据包，执行的结果是echo原来data.js里面的json数据，页面中利用ajax的方式去读这个php返回的数据，再画图。 </p> <p>还没考虑这么修改是否有意义。。但在页面加载速度上后者比前者要慢。 </p> <p>我不明白的地方是——在头部引入的js会发起一个http请求，ajax请求php时也会发起一个http请求，两种方式总的请求数是一样多的，导致加载速度上存在时间差的原因是什么呢? </p> <p>要怎么去比较这两种请求花费的时间？是否跟页面中脚本执行的顺序什么有关系呢？ </p> <p>啰啰嗦嗦的;P 先谢谢啦</p>

Answer 1

使用script标签是用于跨域请求的，Ajax请求无法跨域访问（即从其它服务器请求）

至于请求时间，如果script标签是静态的（即写在页面源码内），那它是在网页加载后和其它的页面资源一起并发请求，并顺序执行。
而Ajax请求应该是放在类似onReady回调里吧？它会在网页都加载完毕后才执行，一个并发，一个串行，前者速度会快一些。

不过个人认为区别很小，可以尝试将Ajax请求放到onReady外，让它加载就执行。