0

我有一些页面显示很多图像(很小,但仍然很多)。

我有两种首先显示页面子集的方法,因此用户不必等待整个 shebang 下载后才能看到页面上的任何内容,然后将其替换为 .json 中的所有内容通过 jQuery 解析的文件。

起初,我是这样做的:

var placeholderForOscars = "<div class=\"yearBanner\">2012</div><section class=\"wrapper\" ><a id=\"mainImage\" class=\"floatLeft\" href=\" . . . (etc) </section>";
$('#MoviesContent').html(placeholderForOscars);
getMovies('Content/oscars.json');

...但后来我认为将数据放在文件中的“占位符”var中并这样做会更快/更优雅:

$('#MusicContent').load('Content/grammies.html');
getMusic('Content/grammies.json');

IOW,在这两种情况下,我都将第一页左右的 html 放在页面上,然后用所有数据替换它(在它被旋转/解析并变成 html 之后)。

我预计第二种方法会更快,但是在页面加载之前会有延迟,就像我根本没有调用 load() 一样。我做错了吗,或者加载速度比我原来的方法慢?

4

1 回答 1

2

load是异步的,它必须向服务器发出一个全新的请求来获取数据。由于它没有那么多数据,因此像在第一个代码块中那样内联它会更有效。

于 2013-08-25T14:16:03.427 回答